失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue watch 监听不到变化_Vue2.0解决watch对象属性变化监听不到问题

vue watch 监听不到变化_Vue2.0解决watch对象属性变化监听不到问题

时间:2019-09-17 07:35:43

相关推荐

vue watch 监听不到变化_Vue2.0解决watch对象属性变化监听不到问题

问题

在项目中遇到一个问题,父组件向子组件传值,子组件监听传入对象的某个属性的时候,发现子组件使用deep watch都不能监听到属性的变化。今天终于在网上找到了答案,在这里把方法记录下来。参考网址 /oLianyo...

解决

为啥会出现这种问题?受ES5的限制,Vue.js不能检测到对象属性的添加或删除。请参照 https://v1-/guide...

解决方法

通过vue的this.$set(object,key,value)

通过Object.assign()重新创建一个对象,例如this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })

方式一

方式二

export default {

data () {

return {

p: {a: 1}

}

},

methods: {

fun1 () {

console.log(click 1111)

// this.p.b = 2 // 通过点方法赋值,发现观察不到p的变化

this.$set(this.p, , 2) // 第一种解决方式,可以查看日志看到已经监听到了变化

},

fun2 () {

console

如果觉得《vue watch 监听不到变化_Vue2.0解决watch对象属性变化监听不到问题》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。