侧边栏壁纸
博主头像
liuxy博主等级

细水长流,吃穿不愁

  • 累计撰写 39 篇文章
  • 累计创建 30 个标签
  • 累计收到 6 条评论

目 录CONTENT

文章目录
vue

Vue 父组件向子组件传递对象,父组件对象元素发生变化

liuxy
2021-05-17 / 0 评论 / 2 点赞 / 1,020 阅读 / 187 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-08-22,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

实际开发中,总会遇到组件化开发,父子组件传参问题。
场景描述:

父组件向子组件传递Obj,当父组件中Obj元素的值发生变化时,子组件数据也要发生改变

先来个栗子:

父组件:

let obj = {id: 1, number: 2}
obj.number = 3

子组件中watch是无法监听到数据的变化,此时想要实现数据更新的效果,可以采用this.$set方式更新父组件对象的元素

let obj = {id: 1, number: 2}
this.$set(obj, 'number', 3)

子组件就能达到更新Dom显示状态的目的

参考:
深入响应式原理
Vue2.0中$set的正确使用方式

2
广告 广告

评论区