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

最新推荐文章于 2024-07-29 22:11:42 发布

coder阿龙

最新推荐文章于 2024-07-29 22:11:42 发布

阅读量1.9k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/u014131617/article/details/96318577

版权

vue 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

正常监听一个属性的字段

<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>