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

wendux 发布于2019-08-26 13:49 / 1566人阅读

摘要：问题在项目中遇到一个问题，父组件向子组件传值，子组件监听传入对象的某个属性的时候，发现子组件使用都不能监听到属性的变化。参考网址解决为啥会出现这种问题受的限制，不能检测到对象属性的添加或删除。

问题
在项目中遇到一个问题，父组件向子组件传值，子组件监听传入对象的某个属性的时候，发现子组件使用deep watch都不能监听到属性的变化。今天终于在网上找到了答案，在这里把方法记录下来。参考网址https://blog.csdn.net/oLianyo...
解决
为啥会出现这种问题？受ES5的限制，Vue.js不能检测到对象属性的添加或删除。请参照https://v1-cn.vuejs.org/guide...
解决方法

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

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

在我的项目中我引用了第一种方法。我觉得第一种方法更适合我的项目。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/109600.html

Vue2.0实用笔记

摘要：实例中，可追踪数据发生变化时，会开启一个队列，把变化记录其中，在下一次事件循环前，进行去重优化，然后重新渲染。最早通过实现了这一需求，通过事件可监听的变化，实现不同页面的操作。过滤器的使用通过引入中 1、vue中的过渡、动画效果单组件（）v-enter,v-enter-to,v-enter-active,v-leave,v-leave-to,v-leave-active六种状态。(定...

draveness 2019-08-23 16:09 评论0 收藏0
Vue2.0实用笔记

摘要：实例中，可追踪数据发生变化时，会开启一个队列，把变化记录其中，在下一次事件循环前，进行去重优化，然后重新渲染。最早通过实现了这一需求，通过事件可监听的变化，实现不同页面的操作。过滤器的使用通过引入中 1、vue中的过渡、动画效果单组件（）v-enter,v-enter-to,v-enter-active,v-leave,v-leave-to,v-leave-active六种状态。(定...

maochunguang 2019-08-02 16:08 评论0 收藏0
Vue2.0实用笔记

摘要：实例中，可追踪数据发生变化时，会开启一个队列，把变化记录其中，在下一次事件循环前，进行去重优化，然后重新渲染。最早通过实现了这一需求，通过事件可监听的变化，实现不同页面的操作。过滤器的使用通过引入中 1、vue中的过渡、动画效果单组件（）v-enter,v-enter-to,v-enter-active,v-leave,v-leave-to,v-leave-active六种状态。(定...

JowayYoung 2019-08-30 15:56 评论0 收藏0
vue2实践（持续更新）

摘要：记录一些小技巧和踩过的坑由于本篇文章内容太多，导致编辑器有点卡，所以新开辟了一篇实践二，后续再这里更新。组件的生命周期函数是在标签里的数据发生变化时候触发数据可能更新了，但是没有绑定到上面的话，不会调用钩子函数。记录一些小技巧和踩过的坑由于本篇文章内容太多，导致SF编辑器有点卡，所以新开辟了一篇 vue2实践（二），后续再这里更新。 1. props 带不带冒号的区别 ...

n7then 2019-08-20 15:05 评论0 收藏0