vue3中子组件给父组件传递事件

// 子组件
export default defineComponent ({
    // 在setup中定义prop和context两个属性
    setup(prop,context) {
    
    }
})

// 在子组件的按钮中通过 onClick触发一个方法
<n-button type="tertiary" style='margin:0 10px;' onClick={cancel}>取消</n-button>
// 通过 context.emit 向父组件抛出这个 cancel方法
function cancel() {
    context.emit('cancel')
}


// 父组件

// copyreadertuser 就是子组件,直接通过 v-on:cancel 触发copyr 方法
// vue3中 v-on:cancel 改为 onCancel
<div>{flag.value == true ? <particularstuser/> : <copyreadertuser onCancel={copyr}</div>

// 这里改变flag的 布尔值就可以了
function copyr() {
    flag.value = true
}