微信小程序 动态修改页面数据及参数传递过程详解
2019-09-27 11:42
1386 查看
在小程序中我们经常要动态渲染数据,对于新手而言我们常常遇到修改的数据在控制台显示和页面显示不一致,因为我们用“=”修改数据的,这种是可以修改,但无法改变页面的状态的,还会造成数据不一致,代码如下:
data: { array: [{ text: '数组' }] } onLoad:function(){ this.data.array[0].text=1; console.log(this.data.array[0].text); }
修改代码:
onLoad:function(){ // this.data.array[0].text=1; this.setData({ 'array[0].text': '1' }) console.log(this.data.array[0].text); }
总结:修改data的数据有两种方法
1、直接用“=”赋值,这种是可以修改,但无法改变页面的状态的,还会造成数据不一致。
2、this.setData,setData 函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)。
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- 微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序 页面跳转和数据传递实例详解
- web-view h5页面传递参数给小程序,小程序接收h5网页传过来的数据——微信web-view高级用法10
- 微信小程序 页面跳转及数据传递详解
- 详解微信小程序 页面跳转 传递参数
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序 页面跳转和数据传递实例详解
- 微信小程序学习:navigateTo url 如何带多个参数&从子页面退回父页面时的数据传递
- 微信小程序 页面跳转和数据传递实例详解
- 微信小程序 页面跳转navigator与传递参数
- 动态sql语句基本语法(字段名,表名,数据库名之类作为变量时,必须用动态SQL如ALTER TABLE中使用程序传递的参数)
- [转] 微信小程序 页面跳转 传递参数
- 微信小程序 参数传递详解
- 微信小程序动态修改页面标题setNavigationBarTitle
- 动态sql语句基本语法(字段名,表名,数据库名之类作为变量时,必须用动态SQL如ALTER TABLE中使用程序传递的参数)
- 动态sql语句基本语法(字段名,表名,数据库名之类作为变量时,必须用动态SQL如ALTER TABLE中使用程序传递的参数)
- [微信小程序]页面跳转对象参数的传递方法
- 微信小程序的页面跳转和参数传递
- 微信小程序从子页面退回父页面时的数据传递 wx.navigateBack()