vue watch 中初始化一个数组,数组对象中属性改变后视图无法响应

发布于 2022-09-07 19:59:54 字数 367 浏览 16 评论 0

jsfiddle

用 map 给 newVal 数组初始化,使它比 value 数组多一个属性 b,但是 b 属性改变后在视图上无响应。可以将watch 方法中改成以下代码生效

const arr = newVal.map(item => {
    item.b = true;
    return item;
})
this.newVal = JSON.parse(JSON.stringify(arr))

可是 array.prototype.map 不是生成一个新数组吗,为什么 b 属性没有添加 watch 呢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文