vue中props传值watch监听不到的解决办法

最新推荐文章于 2025-04-26 15:39:45 发布

前端老实人

最新推荐文章于 2025-04-26 15:39:45 发布

阅读量6.7k

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_52691965/article/details/122382163

版权

Vue 专栏收录该内容

48 篇文章

订阅专栏

本文详细介绍了Vue组件中watch选项的immediate属性的用途。当设置immediate为true时，组件初始化时会立即触发监听器，而不是等待属性值改变。此外，还提到了deep属性，当deep为true时，监听器会在对象内任何属性变化时调用，无论其嵌套多深。这对深度监听对象变化十分有用。

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

解决办法：

watch: {
    propsTime: {
      handler (newValue, oldValue) {
        console.log('props', newValue)
        this.getOverviewData()
      },
      // 这里增加了一个immediate属性，说明监听到props传参后立即先去执行handler方法
      immediate: true,
    },
  },