微信小程序如何动态修改页面数据并传递参数给其他页面?
- 内容介绍
- 文章标签
- 相关推荐
本文共计381个文字,预计阅读时间需要2分钟。
在小程序中,我们经常需要动态渲染数据。对于新手来说,常会遇到一个问题:修改的数据在控制台和页面显示不一致。这是因为我们用=修改数据是可以的,但这种修改无法改变页面的状态。
在小程序中我们经常要动态渲染数据,对于新手而言我们常常遇到修改的数据在控制台显示和页面显示不一致,因为我们用“=”修改数据的,这种是可以修改,但无法改变页面的状态的,还会造成数据不一致,代码如下:
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 的值(同步)。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持自由互联。
本文共计381个文字,预计阅读时间需要2分钟。
在小程序中,我们经常需要动态渲染数据。对于新手来说,常会遇到一个问题:修改的数据在控制台和页面显示不一致。这是因为我们用=修改数据是可以的,但这种修改无法改变页面的状态。
在小程序中我们经常要动态渲染数据,对于新手而言我们常常遇到修改的数据在控制台显示和页面显示不一致,因为我们用“=”修改数据的,这种是可以修改,但无法改变页面的状态的,还会造成数据不一致,代码如下:
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 的值(同步)。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持自由互联。

