vue3 子组件调用父组件函数

子组件代码如下

<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>