微信小程序动态修改页面数据和参数传输流程
在小程序中,我们经常需要动态呈现数据。对于初学者来说,我们经常会遇到修改后的数据在控制台的显示和页面的显示不一致的情况,因为我们使用“=”来修改数据,可以修改,但是不能改变页面的状态,也会造成数据不一致。代码如下:
data : { array :[{ text : ' array ' }]} onload : function(){ this。data.array [0]。text=1;console.log(this.data.array[0])。文本);}
修改代码:
onload : FuncTion(){//this . data . array[0]。text=1;this.setData({ 'array[0])。text ' : ' 1 ' })console . log(this . data . array[0]。文本);}
总结:修改数据的数据有两种方式
1.使用“=”直接赋值,可以修改,但不能改变页面状态,还会造成数据不一致。
2.this.setData,setData函数用于将数据从逻辑层发送到视图层(异步),并更改this.data的相应值(同步)。
以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。
版权声明:微信小程序动态修改页面数据和参数传输流程是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。