vue子组件判断是否有父组件传过来的方法
我们在vue开发过程中经常会把公用的代码封装成组件来方便其他页面调用,同时我们可以给组件传递参数和方法来供组件内部使用,这里我们介绍一下子组件中接收父组件的方法数组vm.$listenersvm.$listeners官网解释:包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用。
·
我们在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 />
更多推荐
已为社区贡献2条内容
所有评论(0)