vue watch监听多个属性

最新推荐文章于 2024-09-11 20:08:31 发布

狗蛋*

最新推荐文章于 2024-09-11 20:08:31 发布

阅读量1.1k

点赞数 1

分类专栏： js 文章标签： vue es6 javascript

本文链接：https://blog.csdn.net/qq_40001322/article/details/115668705

版权

js 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

watch的作用可以监控一个值的变换，并调用因为变化需要执行的方法。可以通过watch动态改变关联的状态。

要监听多个值的话可以把vue对象实例的属性写到一个新的对象里边，然后监听这个对象。

computed:{
    id_num_data () {
        //解构赋值
	    const { goods_list_id, goods_num } = this;
        return {
	    	goods_list_id,
	    	goods_num
    	}
    }
},

watch:{
    id_num_data: {
		handler(newValue, oldValue) {
				// 当id不为null 或者 数量改变的时候,请求接口数据
                if(?){
                    this.getList()
                }
			}
		},
	    immediate: true
	}
}