Vue项目中如何监听多个对象

最新推荐文章于 2025-03-17 08:02:46 发布

慢慢の成长

最新推荐文章于 2025-03-17 08:02:46 发布

阅读量951

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_44537264/article/details/117121656

版权

vue 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了在Vue项目中如何通过computed和watch结合，实现对多个对象属性变化的监听。步骤包括在computed中创建一个包含需监听值的对象，然后在watch中监听该对象的变化。

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

使用computed配合watch监听变量变化

1、先在computed中，用需要监听的值(start、end)定义一个对象(dateRange)
2、然后在watch中监听这个对象(dateRange)

data() {
	return {
		start:'',
		end:''
	}
},
computed: {
  dateRange() {
    const { start, end } = this
    return {
      start,
      end
    }
  }
}, 
watch: {
 	dateRange(val) {
  		//写入你需要监听的事件
  		console.log(val)
	}
    
}