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

listeners用于记录父组件传给子组件的所有方法数组。

yxm_136452789

3403人浏览 · 2022-09-21 10:43:47

yxm_136452789 · 2022-09-21 10:43:47 发布

解决：使用$listeners

$listeners用于记录父组件传给子组件的所有方法数组。

onBeforeScan(){
	let _this = this;
	console.log(_this.$listeners,"方法")
	if(_this.$listeners['beforeScan']){
		// 如果有提供执行$emit这里
	   _this.$emit("beforeScan",(val)=>{
		   //这里是回调
		   	if(val){
		   		_this.turnUpScan();
		   	}
	   });
	 }else{
		 // 没有就直接调起扫码
	     _this.turnUpScan();
	 }
},

调用

<!--这里没有传beforeScan-->
<scan @success="scanSuccess" ></scan>
<!-- 这里传了beforeScan方法 -->
<scan @success="scanSuccess" @beforeScan="handleBefore" ></scan>

输出$listeners的结果：
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^