VueJS Watch无法正常工作

Question

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

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

Answer 1

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

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

尽管我对代码的工作原理并不了解，但请尝试

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