关于vue中watch监听不能执行methods函数问题总结
1.问题描述:
- vue项目,在父组件中调用子组件后,需要在子组件中监听父组件传过来的值的变化动态执行methods里面的函数,但是此时调用的函数并没有执行。
2.解决方案:
-
这里经过踩坑发现是因为我watch监听的时候使用了箭头函数,所以watch中的函数没有执行,正确的做法是应该使用function来定义函数:
-
watch:{ // 监听的参数是userFk(在watch监听的时候使用function定义即可,不要使用箭头函数) userFk:function(val) { alert(val) if (val) { this.init() } } },