微信小程序 setData 对 data数据影响问题

网络编程 2024/11/14 佚名

3 1 2

我是纯前端的，有些时候没有后端接口，只能模拟一些数据来操作。偶然之下，发现了setdata 的一些机制，也有可能不对，请多指教。

先放结论：data的变量通过setdata绑在一起，是同步变化的

准备做一个一键还原界面的按钮事件，如果有后端接口，只需调一下接口，就可以了。问题是没有，于是想弄两个一模一样的数组A,B；A用来渲染界面，一键还原的时候，就把B的值赋给A，从而引起页面重新渲染，达到重置界面的效果。

结果一点反应也没有。

data里有模拟的数组 itemleft itemright，二选一，

定义代码是这么写的

this.setData({
　　uniqueitem: (id == 'unfinish') "htmlcode">

this.setData({
　　uniqueitem:this.data.cloneitem
})


后来通过console.log发现   uniqueitem、cloneitem和this.data.itemleft[index] 的值是一模一样的，意思是，当我改变uniqueitem的时候，其他两个都会跟着变。
然后，我把cloneitem的值通过缓存还获取，代码变成了这样


this.setData({
　　uniqueitem: (id == 'unfinish') "htmlcode">

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,setdata,data

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“微信小程序 setData 对 data数据影响问题”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月14日

微信小程序 setData 对 data数据影响问题

详解vue的数据劫持以及操作数组的坑

详解JavaScript中关于this指向的4种情况

评论“微信小程序 setData 对 data数据影响问题”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接