微信小程序遇到修改数据后页面不渲染的问题解决
2017-03-09 10:57
1741 查看
微信小程序遇到修改数据后页面不渲染的问题解决
前言:
去年从小程序一开始出来到现在,我一直是比较看好和保持一定的关注度的,小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的,这是我第一次有意识的亲眼目睹了一个新技术的发展,还是感觉比较荣幸的。
唱衰小程序?我的观点是肯定不可能,因为现在每天提交审核的小程序还在继续增加,而且有些小程序确实很好用,比如摩拜的扫码骑车,还有我上周去KTV,直接用小程序扫屏幕上的二维码,就可以绑定房间,然后通过小程序点歌,切歌,发表情包等方便好玩的事情,所以,在我看来,有些应用场景是非常适合小程序的,以后生活中的更多场景会更多的应用小程序。
截止到目前,小程序的系列文章写了有十几篇,基本上是解决开发中的一些问题,踩过的坑。我的小程序也已经写的差不多了,但是公司的https加密认证还没有弄好,所以只能暂且搁置在那里了。
数据修改不生效
今天继续要介绍一个setData()的问题。
我们经常会这样写:
var that = this; wx.getStorage({ key: 'user', success: function(res){ console.log(res.data) that.data.params.uuid = res.data.uuid; that.data.params.ticket = res.data.ticket; that.data.params.courseUuid = options.courseUuid; that.data.params.isCompany = options.isCompany; that.fetchData(); that.getShareList(); } })
我们给data对象进行了一些赋值操作,但是发现接着使用这些数据的时候是不对的,我们赋值的数据并没有成功的渲染到页面。找了好久之后我发现,原来要想数据立马生效,必须要调用一下setData()方法才能有用,所以上面的代码修改如下:
var that = this; wx.getStorage({ key: 'user', success: function(res){ console.log(res.data) that.data.params.uuid = res.data.uuid; that.data.params.ticket = res.data.ticket; that.data.params.courseUuid = options.courseUuid; that.data.params.isCompany = options.isCompany; that.setData({ params: that.data.params }) that.fetchData(); that.getShareList(); } })
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- EF更新,数据库值变化,前台页面并不变化,刷新也不变化,重新运行程序则变化----开发中遇到的问题(已解决)
- 微信小程序-修改数据后页面不渲染
- 微信小程序 navigate页面跳转问题解决方案
- 遇到第二个页面需要第一个页面Get解析的json串的数据时所遇到的问题解决方法!!
- 微信小程序在开发中遇到的问题与解决方法
- 解决微信小程序使用switchTab跳转后页面不刷新的问题
- 微信小程序开发过程中tabbar页面显示的相关问题及解决办法
- 解决Vue 通过下表修改数组,页面不渲染的问题
- 微信小程序录音文件格式silk遇到的问题及解决方法
- ASP.NET页面借助IFrame提交表单数据所遇到问题的解决方法分享
- 微信小程序出现wx.navigateTo页面不跳转问题的解决方法
- 解决微信小程序中在其他页面无法使用app.js中获取的userInfo或openid的问题
- 解决在IE9,IE10浏览器下,程序没有任何错误,easy ui页面不加载任何数据的问题
- 【微信小程序】解决 竖向<scroll-view>组件 “竖向滚动页面出现遮挡”问题
- 解决微信小程序使用switchTab跳转后页面不刷新的问题
- 微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
- 微信小程序wx.request请求服务器json数据并渲染到页面
- 微信小程序开发过程中tabbar页面显示的相关问题及解决办法
- 微信小程序----修改data中的数据,页面数据不改变
- 微信小程序 —— 解决自定义弹窗出现后,蒙层下的页面仍可以滚动的问题