Vue的Watch事件-如何监听对象的属性(字段中间带有点)

正常监听一个属性的字段

<script>
    window.custFormComponentMixin ={
        data: function () {
            return {"test":"helloWorld"};
        },
        watch:{
         	你的属性:(a,v){
				console.log("你的属性发生改变了")
			}
          
        },
        created:function(){
            console.log("create");
        },methods:{
            testaaa:function(){alert(1)}
        }
    }
</script>

但是这样写的无法监听一个多级对象的属性

<script>
    window.custFormComponentMixin ={
        data: function () {
            return {"test":"helloWorld"};
        },
        watch:{
         	你的属性.子属性.子属性:(a,v){
				console.log("你的属性发生改变了")
			}
          
        },
        created:function(){
            console.log("create");
        },methods:{
            testaaa:function(){alert(1)}
        }
    }
</script>

属性为:你的属性.子属性.子属性
例如:user.a.b.c

他就会报错,怎么处理呢?

<script>
    window.custFormComponentMixin ={
        data: function () {
            return {"test":"helloWorld"};
        },
        watch:{
          'data.glp_tsyw_obj.ssyq': {
               handler: function() {
              		console.log("你的属性发生改变了")
               },
           }
          
        },
        created:function(){
            console.log("create");
        },methods:{
            testaaa:function(){alert(1)}
        }
    }
</script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章