子组件
<template>
<div @click="confirm ">啦啦啦啦</div>
</template>
<script setup>
import { defineEmits } from 'vue'
const emit = defineEmits(['editConfirm'])
const confirm = () => {
emit('editConfirm', '要传递的数据') // 之前子组件修改父组件的数据时需要添加'update:editConfirm',但是触发父组件的方法不能加'update'
}
</script>
父组件
<template>
<child @editConfirm="editConfirm"></child>
</template>
<script setup>
const editConfirm = (val) => {
console.log(val)
}
</script>
vue3子组件触发父组件方法
于 2022-04-21 14:42:30 首次发布