vue vue3 watch监听不到对象变化?试试immediate属性吧

最近遇到了需要使用watch监听数据变化来绘制模板的需求,
结果数据变化了但是watch没监听到,你是否也遇到上述问题,
来看看我的解决方法吧!

vue3:

   watch(
      () => props.imgsList,
      (newVal) => {
    
    
        console.log("监听到变化拉!!",newVal)
      },
      {
    
    
      immediate:true,// 这个属性是重点啦
      deep:true // 深度监听的参数
      }
    );

tips:主要是使用immediate:true属性,该属性表示的含义是初始化之后立即调用。
如果你也跟我一样,需要页面第一次渲染完毕就监听到数据变化,不妨试试这个属性。
希望能给小伙伴一些帮助,留个赞赞再走吧~

猜你喜欢

转载自blog.csdn.net/different9102/article/details/122038476