Vue3警告：[Vue warn] Extraneous non-emits event listeners (changeParentProps) were passed to component

在Vue3中组件通信中（子传父）报出如下警告：

[Vue warn]: Extraneous non-emits event listeners (changeParentProps) 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.

解决方法：声明下自定义事件名称即可

emits: [‘changeParentProps’]

<template><div>子组件</div><button @click="changeParentProps">更改父组件传过来的props</button>
</template>
<script lang="ts">
import { defineComponent } from '@vue/composition-api'
export default defineComponent({emits: ['changeParentProps'],props: {data: {type: String,default: ''}},setup (props, { emit }) {// console.log(props)const changeParentProps = () => {emit('changeParentProps', '123')}return {changeParentProps}}
})
</script>

Vue3警告：[Vue warn] Extraneous non-emits event listeners (changeParentProps) were passed to component相关推荐

[vue]Extraneous non-emits event listeners (x) were passed to component but could not be automatica
vue报错说: [Vue warn]: Extraneous non-emits event listeners (addToCart) were passed to component but co ...
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
一.Vue在引入组件后无法显示组件内容且报错如下: [Vue warn]: Do not use built-in or reserved HTML elements as component id: ...
工作214：结构 vue操作一个很有意思的报错 [Vue warn]: You may have an infinite update loop in a component
结构 vue操作一个很有意思的报错 [Vue warn]: You may have an infinite update loop in a component render function. 代 ...
解决 VUE： [Vue warn]: Do not use built-in or reserved HTML elements as component id: xx
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 新增一个组件,运行无问题,但F12报错: vue.esm.js?efeb:591 [Vue w ...
解决：vue.esm.js?efeb:591 [Vue warn]: Do not use built-in or reserved HTML elements as component id: me
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 报错如题: vue.esm.js?efeb:591 [Vue warn]: Do not us ...
Vue开发警告[Vue warn]: Avoid replacing instance root $data. Use nested data properties instead.
Avoid replacing instance root $data. Use nested data properties instead. 翻译避免替换实例根$data.请改用嵌套数据属性错 ...
vue3出现此警告信息：[Vue warn]: Failed to resolve component: dpan
警告内容: runtime-core.esm-bundler.js:6870 [Vue warn]: Failed to resolve component: dpan 原因: 问题出现的原因是因为, ...
Vue3.0使用Element Plus组件报错[Vue warn]: Failed to resolve component: `el-XXXX` If this is a native custo
文章目录报错截图一.问题描述二.报错信息格式三.报错原因报错截图一.问题描述我的技术栈:Vue3+TypeScript+Vite+Element Plus 我的报错:Vue3 项目使用 ...
[Vue warn]: Error in callback for watcher “lists“: “TypeError: Cannot read property ‘length‘ of unde
[Vue warn]: Error in callback for watcher "lists": "TypeError: Cannot read property ' ...
Vue3报错：Extraneous non-props attributes (ref_key) were passed to component but could not be automatic
Vue3报错:Extraneous non-props attributes (ref_key) were passed to component but could not be automatic ...

Vue3警告：[Vue warn] Extraneous non-emits event listeners (changeParentProps) were passed to component

Vue3警告：[Vue warn] Extraneous non-emits event listeners (changeParentProps) were passed to component相关推荐

最新文章

热门文章