我们在vue开发过程中经常会把公用的代码封装成组件来方便其他页面调用,同时我们可以给组件传递参数和方法来供组件内部使用,这里我们介绍一下子组件中接收父组件的方法数组vm.$listeners
vm.$listeners
官网解释:包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on=”$listeners” 传入内部组件——在创建更高层次的组件时非常有用。
意思是组件中用来记录父组件传过来的方法数组,用于记录父组件传给子组件的所有方法集合,我们可以使用这个数组来判断父组件是否提供了这个方法给字组件:
if(that.$listeners[‘backFun’]){
// 如果提供执行
that.$emit(‘backFun’);
}else{
// 否侧执行其他
this.GoBack();
}
当我们在使用这个组件的时候如果给他传了backFun方法就会调用这个方法,否则执行组件内部的方法
<!–这里给子组件传递了方法–>
<children @backFun=”backFun” />
<!–这里没给子组件传递了方法–>
<children />
————————————————
版权声明:本文为CSDN博主「75624839」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_37417446/article/details/107202679