vue子组件判断是否有父组件传过来的方法

最新推荐文章于 2023-09-27 11:20:56 发布

Mr.菓菓

最新推荐文章于 2023-09-27 11:20:56 发布

阅读量6.1k

点赞数 4

分类专栏： vue 文章标签： vue js

本文链接：https://blog.csdn.net/qq_37417446/article/details/107202679

版权

6 篇文章 1 订阅

订阅专栏

我们在vue开发过程中经常会把公用的代码封装成组件来方便其他页面调用，同时我们可以给组件传递参数和方法来供组件内部使用，这里我们介绍一下子组件中接收父组件的方法数组vm.$listeners

官网解释：包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用。

意思是组件中用来记录父组件传过来的方法数组，用于记录父组件传给子组件的所有方法集合，我们可以使用这个数组来判断父组件是否提供了这个方法给字组件：

if(that.$listeners['backFun']){
	// 如果提供执行
    that.$emit('backFun');
 }else{
	 // 否侧执行其他
     this.GoBack();
 }

当我们在使用这个组件的时候如果给他传了backFun方法就会调用这个方法，否则执行组件内部的方法

<!--这里给子组件传递了方法-->
<children @backFun="backFun" />
<!--这里没给子组件传递了方法-->
<children />

关注