vue3子组件触发父组件方法

子组件
<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>
	<div @click="$emit('editConfirm', '要传递的数据')">啦啦啦啦</div>
</template>


父组件
<template>
<child @editConfirm="editConfirm"></child>
</template>
<script setup>
import child from './child.vue'
const editConfirm = (val) => {
  console.log(val)
}
</script>
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐