(一)vue 数据更新 试图不更新 解决办法
【摘要】
一: 深拷贝
深拷贝原数组出来,修改深拷贝的数组后,再把深拷贝的数组重新赋值到视图渲染数组。
this.directData.forEach((ele, index) => {
...
一: 深拷贝
深拷贝原数组出来,修改深拷贝的数组后,再把深拷贝的数组重新赋值到视图渲染数组。
this.directData.forEach((ele, index) => {
if (ele.name === item) {
let curEdit = deepCopy(this.editFormData)
curEdit.goodsId = ele.id
curEdit.goodsName = ele.name
curEdit.goodsPhoto = ele.photo
this.editFormData = deepCopy(curEdit)
}
})
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
二: 优雅的方法
let arr = this.directData.filter(ele => ele.id === item)
let {id: goodsId, name: goodsName, photo: goodsPhoto} = arr.length && arr[0]
this.editFormData = {...this.editFormData, ...{goodsId, goodsName, goodsPhoto}}
- 1
- 2
- 3
文章来源: lvsige.blog.csdn.net,作者:祥子的小迷妹,版权归原作者所有,如需转载,请联系作者。
原文链接:lvsige.blog.csdn.net/article/details/115697598
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)