javascript – 数据更新后要触发的Vue.js事件

前端之家收集整理的这篇文章主要介绍了javascript – 数据更新后要触发的Vue.js事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个Vue.js应用程序,我有几个组件,只是为了处理一些重复的任务. @H_502_2@我也是从AJAX请求中获取数据.

@H_502_2@我想要输入的是,如果在Vue数据(treeData和flatTreeData)更新并执行操作后发生了事件,那么我可以执行任何其他操作吗?

@H_502_6@var app = new Vue({ el: 'body',data: { treeData: {items: {}},flatTreeData: [],},}); $.getJSON('./paths.json').done(function(data) { // apply the file structure to the vue app demo.treeData = data; demo.flatTreeData = flattenTree(data); });

解决方法

您可以使用Vue实例的watch属性将侦听器添加到变量更改: http://vuejs.org/api/#watch @H_502_6@watch: { 'treeData': function (val,oldVal) { console.log('new: %s,old: %s',val,oldVal) } } @H_502_2@如果您要观察像treeData这样的对象,则可能需要使用深度标记来观察整个对象树.

@H_502_6@watch: { 'treeData': { handler:function (val,oldVal){ console.log('new: %s,oldVal) },deep: true } }

猜你在找的JavaScript相关文章