其他分享
首页 > 其他分享> > vue中父子组件回调事件的运用

vue中父子组件回调事件的运用

作者:互联网

前言

父组件是通过props属性给子组件通信,那事件呢?

在这里插入图片描述

实践过程

使用this.$emit()

子组件

<template>
xxx
</template>
<script>
export default {
	ok() {
		 this.$emit('callback', '参数1')
	}
}
</script>

父组件

 <child v-if="visible" @callback="handler" ></child >

...

handler(param){

}

这样就可以进行父子通信了。

标签:vue,通信,父子,export,组件,给子,emit
来源: https://blog.csdn.net/qq_15973399/article/details/116241094