watch监听两个变量（或者多个）

最新推荐文章于 2025-04-21 21:15:00 发布

玺..

最新推荐文章于 2025-04-21 21:15:00 发布

阅读量2.9k

点赞数 1

分类专栏：前端文章标签：前端

本文链接：https://blog.youkuaiyun.com/F_mengze/article/details/124267355

版权

前端专栏收录该内容

90 篇文章

订阅专栏

这篇博客探讨了在Vue.js应用中如何通过计算属性和watcher来绑定及监听数据变化。示例展示了如何创建changeData计算属性，将selID1和selID2变量组合，并在它们改变时触发watcher方法，从而在控制台打印新的值并执行相应操作。内容对于理解Vue的数据响应原理和实践有帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先使用计算属性将要监听的变量绑定到一起

//数据区
data () {
	return {
		selID1:'',
		selID2:'',
	}
}
computed: {
	changeData () {
		const { selID1, selID2} = this
		return {selID1,selID2}
	}
},
watch:{
	changeData(val){
		console.log(val)
		//val的值就是selID1和selID2的值
		//接下来在这里写将要进行的操作
	}
}