vue3 的 emits 是什么 runtime-core.esm-bundler.js?5c40:38 [Vue warn]: Extraneous non-emits event listener
vue3 的 emits 是什么在使用 vue3 的时候出来一堆警告的东西,一直没在乎它,今天看了下,原来是 vue3 对比 vue2 新增的特性警告提示:runtime-core.esm-bundler.js?5c40:38 [Vue warn]: Extraneous non-emits event listeners (delete) were passed to component but
·
vue3 的 emits 是什么
在使用 vue3 的时候出来一堆警告的东西,一直没在乎它,今天看了下,原来是 vue3 对比 vue2 新增的特性
警告提示:
runtime-core.esm-bundler.js?5c40:38 [Vue warn]: Extraneous non-emits event listeners (delete) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.
at <ResultList resultList= [] onDelete=fn<bound deleteResultAt> >
at <App>
意思就是说组件中如果使用了 $emit
向父组件传递事件,就需要在 emits
字段中记录这个事件名
比如:
我在子组件中使用了
<button @click="$emit('delete')">删除</button>
就需要在当前组件中添加 emits
字段,记录这个向上传递的 delete
事件
export default {
props: {
},
emits: ['delete'],
mounted(){}
}
这里查看官方说明文档: https://v3.cn.vuejs.org/guide/migration/emits-option.html#emits-%E9%80%89%E9%A1%B9
更多推荐
已为社区贡献15条内容
所有评论(0)