微信小程序 setData 对 data数据影响问题
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了微信小程序 setData 对 data数据影响问题,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2260字,纯文字阅读大概需要4分钟。
内容图文
![微信小程序 setData 对 data数据影响问题](/upload/InfoBanner/zyjiaocheng/333/fa75d90ed03e427e91969a67276a07b4.jpg)
我是纯前端的,有些时候没有后端接口,只能模拟一些数据来操作。偶然之下,发现了setdata 的一些机制,也有可能不对,请多指教。
先放结论:data的变量通过setdata绑在一起,是同步变化的
准备做一个一键还原界面的按钮事件,如果有后端接口,只需调一下接口,就可以了。问题是没有,于是想弄两个一模一样的数组A,B;A用来渲染界面,一键还原的时候,就把B的值赋给A,从而引起页面重新渲染,达到重置界面的效果。
结果一点反应也没有。
data里有模拟的数组 itemleft itemright,二选一,
定义代码是这么写的
this.setData({ uniqueitem: (id == 'unfinish') ? this.data.itemleft[index] : this.data.itemright[index], cloneitem: (id == 'unfinish') ? this.data.itemleft[index] : this.data.itemright[index], baninput: (id == 'unfinish')?false:true })
这是一键还原的代码
this.setData({ uniqueitem:this.data.cloneitem })
后来通过console.log发现 uniqueitem、cloneitem和this.data.itemleft[index] 的值是一模一样的,意思是,当我改变uniqueitem的时候,其他两个都会跟着变。
然后,我把cloneitem的值通过缓存还获取,代码变成了这样
this.setData({ uniqueitem: (id == 'unfinish') ? this.data.itemleft[index] : this.data.itemright[index], baninput: (id == 'unfinish')?false:true }) var that=this wx.getStorage({ key: 'item', success: function(res) { console.log(res) that.setData({ cloneitem:res.data }) }, }) this.setData({ uniqueitem:this.data.cloneitem })
改成这样之后,一键还原第一次正常,后面再点全不正常
这是测试的console顺序
console.log(this.data.itemleft[0]) console.log(this.data.uniqueitem) console.log(this.data.cloneitem)
事先说明,改变date,改的是2的date
我通过一个函数改变了date,加1,
可以看到 1和2同时改变,3不变;
一键还原第一次
可以看到,1不变,3的值赋给了2;到目前正常
再次改变date,
可以看到,2和3一起变,1不变了
一键还原
和上面一样不变了
后来我改成
var aaa = this.data.cloneitem; this.setData({ uniqueitem:aaa })
效果和上面一样。
结论,
当data有3个变量,a和b、c
this.setData({ a:this.data.b c:this.data.b })
意思是,a和b绑一起,c和b绑一起,3个一起变,改变一个等于改变3个。个人猜测,应该是存放变量a,b,c 的地址变成一个了。
this.setData({ a:this.data.b })
a和b一起变。
this.setData({ a:this.data.c })
a不和b一起变,和c一起变。
简而言之,data的变量通过setdata绑在一起,是同步变化的,要小心。
总结
以上所述是小编给大家介绍的微信小程序 setData 对 data数据影响问题,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
内容总结
以上是互联网集市为您收集整理的微信小程序 setData 对 data数据影响问题全部内容,希望文章能够帮你解决微信小程序 setData 对 data数据影响问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。