vue子传父拦截器

Posted 2022-02-01 yummylucky

今天跟大佬学到一个子传父的方法。

父组件data中定义一个变量 a ，定义一个方法  interceptor (val) this.a = val 

然后将这个方法传入子组件： <child-node :interceptor="interceptor"></child-node> 

 

在子组件中接收这个方法： props:interceptor:type: Function 

在子组件中调用拦截器方法： this.interceptor(‘childMsg‘) 

 

在父组件中渲染便可以看到变量 a 中已经得到了子组件中传递的值。