VueJS手表不工作答案

【问题标题】：VueJS Watch not workingVueJS手表不工作
【发布时间】：2017-08-20 06:18:06
【问题描述】：

我正在尝试查看组件的特定属性。该属性是一个数组，每次选中复选框时都会更新。

https://github.com/ratiw/vuetable-2/wiki/Special-Fields#-__checkbox

这是我正在尝试的代码是这样的

watch: {
    selectedTo: function(val){
          console.log(val);
    }
},

下面的代码也没有工作

 watch : { 
     selectedTo: { 
           handler(val, oldVal)
           { 
            console.log('Item Changed');
           }, 
           deep: true 
     } 
 },

Vue 控制台：http://prntscr.com/gb1gew

【问题讨论】：

selectedTo 应该是一个函数吗？
嗯，它是一个闭包函数，因为我还需要传递 deep 参数。另外，我对自己的代码没有信心，因为我还在学习 Vue。

标签： vuejs2

【解决方案1】：

您可以观看$refs.<name>.<data>，但不能观看$refs.<name> 本身。

对此的参考：https://jsfiddle.net/kenberkeley/9pn1uqam/

虽然我不太了解您的代码是如何工作的，但请尝试

this.$watch(() => this.$refs.vuetable.selectedTo, (val) => {...})

【讨论】：