vue如何监听表单某一项的变化？

Question

实际上就是监听data里某个对象的某个属性，我有一个比较复杂的方法是：在computed里写一个变量A，把这个需要被监听的对象属性赋进去，然后监听这个A。如果不这样做有什么简单的方法没有？

Answer 1

直接watch里监听就是了

watch: {
  'xxx.xxx'(){
    
  }
}

Answer 2

vue的watch不是监听吗

Answer 3

用watch深度监听

watch: {
            obj: {
                handler: function(val) {
                    //do something
                },
                deep: true
            }
        },

Answer 4

input 有一个@input事件，你可以通过input事件监听input的状态

Answer 5

监听器里可以直接写对象的属性 加引号就可以了 比如‘obj.name’: { handle() { } }; 或者直接监听这个对象，监听器里有个属性deep可以监听到对象属性的变化，一般来说前者用的比较多