子组件代码如下
<script setup>
const props = defineProps(['doLogin']) //绑定父组件上的监听器
function login(){
emit('doLogin') //触发监听器
// 需要带参数就这样
// emit('doLogin',['username','password'])
}
</script>
<template>
<button @click="login">Login</button>
</template>
父组件按正常方式监听即可
<script setup>
import Modal from '../modal/child.vue'
function doLogin(e){ //
console.log('Username:'+e[0])
console.log('Password:'+e[1])
}
</script>
<template>
<modal @doLogin="doLogin"></modal>
</template>
发表回复