elementui table组件监听data,不用深度监听?

小丑先生
  • 8

最近在看elementui table组件的源码,发现

watch: {
    data: {
        immediate: true,
        handler(value) {
            this.store.commit('setData', value);
        }
    }
}

data不是数组类型吗,不加deep: true可以监听到内部数据的变化吗?

回复
阅读 647
3 个回答

不加deep: true不能监听到内部数据的变化,但是这和他是不是数组无关,object类型的数据不开启deep同样也监听不到内部数据的变化。

watch中开启deep只是告诉数据,内部数据发生变化的时候,通知这一Watcher,而监听内部数据的可能不止这一个Watcher,比如用于渲染页面的属性,会收集渲染Watcher等,等到属性变化,会触发渲染Watcher,改变页面。

你会发现 组件内部没使用tableData 用的都是props中的data

如果数组成员是对象,比如[{test: '22'}],想要监听到变量test的变化,需要加 deep: true。如果数组成员是普通数据类型,比如[1, 4, 5],想要监听此时数据的变化就不需要加 deep: true

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏