关于vue中watch监听不能执行methods函数问题总结

关于vue中watch监听不能执行methods函数问题总结

1.问题描述：

• vue项目，在父组件中调用子组件后，需要在子组件中监听父组件传过来的值的变化动态执行methods里面的函数，但是此时调用的函数并没有执行。

2.解决方案：

• 这里经过踩坑发现是因为我watch监听的时候使用了箭头函数，所以watch中的函数没有执行，正确的做法是应该使用function来定义函数：

• watch:{
      // 监听的参数是userFk（在watch监听的时候使用function定义即可，不要使用箭头函数）
        userFk:function(val) {
          alert(val)
          if (val) {
            this.init()
          }
        }
      },