vue3子组件修改传值给父组件报警告warn:Component emitted event “update:dialogAddVisible”

vue3报错之:使用v-model父子组件传值,子组件修改父组件里面的值的时候,报警告

warn:Component emitted event “update:dialogAddVisible” but it is neither declared in the emits option nor as an “onUpdate:dialogAddVisible” prop
父组件Father.vue
vue3子组件修改传值给父组件报警告warn:Component emitted event “update:dialogAddVisible”_第1张图片

子组件Child.vue
vue3子组件修改传值给父组件报警告warn:Component emitted event “update:dialogAddVisible”_第2张图片
报错:在这里插入图片描述
根据字面意思是说,

一个[Vue警告]:组件触发事件"update:dialogVisible",但它既没有在发出选项中声明,也没有在"onUpdate:dialogVisible"中声明道具。

解决办法:我们在使用defineEmits声明的时候,给要传入的值前面加上update,这样就不会警告了!vue3子组件修改传值给父组件报警告warn:Component emitted event “update:dialogAddVisible”_第3张图片

你可能感兴趣的:(vue3,vue3报错合集,TypeScript,vue.js,前端,javascript)