我们在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 />
Logo

前往低代码交流专区

更多推荐