vue watch 注意事项

最新推荐文章于 2024-10-01 23:29:04 发布

Wen文茵

最新推荐文章于 2024-10-01 23:29:04 发布

阅读量428

点赞数

本文链接：https://blog.csdn.net/qq_35980086/article/details/98880239

版权

1、vue watch 注意事项

监听器中，不要使用箭头函数。
原因如下：this绑定了是父级监听的上下文，因此，在子组件中使用this时，会出现undefined。

正确案例：
~~~

父组件定义的绑定属性
	  <supportDetail :faqList="faqList" :faqdata="func"></supportDetail>
子组件的监听方法体
	watch:{
        faqList : function (newVal,oldVal){
            const that = this;
            // 1：显示问题内容和标题  0: 显示问题列表
            if (newVal.showValue == 0){
                that.showAnswer = newVal.showValue;
            } else {
                that.showAnswer = newVal.showValue;
            }
        }
    }