微信小程序 setData 对 data数据影响问题 - CSDN文库

194 浏览量更新于2023-10-20 收藏 46KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

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

我是纯前端的，有些时候没有后端接口，只能模拟一些数据来操作。偶然之下，发现了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不变了

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38609913

粉丝: 7
资源: 930

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈