微信小程序 动态修改页面数据及参数传递过程详解
更新时间：2019年09月27日 11:42:00 作者：不睡
这篇文章主要介绍了微信小程序 动态修改页面数据及参数传递过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
在小程序中我们经常要动态渲染数据，对于新手而言我们常常遇到修改的数据在控制台显示和页面显示不一致，因为我们用“=”修改数据的，这种是可以修改，但无法改变页面的状态的，还会造成数据不一致，代码如下：
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 的值（同步）。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JavaScript暂停和继续定时器的方法的相关资料,非常不错，需要的朋友可以参考下2016-07-07
avaScript 中的 this 关键字，深入浅出的分析其在不同情况下的含义，形成这种情况的原因以及 Dojo 等 JavaScript 工具中提供的绑定 this 的方法。可以这样说，正确掌握了 JavaScript 中的 this 关键字，才算迈入了 JavaScript 这门语言的门槛。2014-12-12
本文主要介绍了javascript中执行环境（作用域）与作用域链，并在文章结尾处做出了总结，感兴趣的朋友可以看下2016-12-12
本文给大家分享的是使用javascript制作的2048小游戏的代码，仅仅是想锻炼下自己的编程代码风格，尽量做的规范些，小伙伴们多多给些建议。2015-03-03
js取单元格自定义属性值，IE和FF下的不同实现2010-04-04
图像放大镜在很多网站中都扮演着重要的角色，大多数开发人员使用 jquery 来创建图像放大镜。在本教程中，我将向大家展示如何使用 HTML、CSS 和 JavaScript 制作一个简单的图像放大镜，需要的可以参考一下2022-08-08
Bootstrap 模态框（Modal）插件 模态框（Modal）是覆盖在父窗体上的子窗体。这篇文章主要介绍了Bootstrap 模态框(Modal)插件代码解析的相关资料,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了js实现可得到不同颜色值的颜色选择器,实例分析了javascript颜色操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
JavaScript中offsetWidth的bug及解决方法
这篇文章主要为大家详细介绍了JavaScript中offsetWidth的bug及解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要为大家详细介绍了js浏览器倒计时跳转页面效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
最新评论