解决Extraneous non-props attributes (border, class) were passed to component but could not be

记录

runtime-core.esm-bundler.js:38 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
遇到这个问题，弹出框死活不出来的时候，很大概率原因是因为之前用的是vue2 的ElementUI ，现在切换技术到vue3，用的就是ELement-plus。两个技术对el-dialog 的属性设置的定义不一样，建议去element-plus官网文档查看自己的属性是哪里不对https://element-plus.gitee.io/zh-CN/component/dialog.html

看图，我的组件里面写的这个el-dialog就有两个地方不对，跟官方的属性对不上就改成官方的，class也不能用了，得按照官方文档去设置属性。

解决Extraneous non-props attributes (border, class) were passed to component but could not be相关推荐

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 ...
[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 ...
已解决java.lang.RuntimeException: java.lang.RuntimeException: org.codehaus.plexus.component.repository.
已解决java.lang.RuntimeException: java.lang.RuntimeException: org.codehaus.plexus.component.repository. ...
解决 vue中props对象中设置多个默认值问题
1.遇到问题: props中设置了默认值,但是获取时(获取父页面没有传的属性) 打印出来是undefined 子组件 props: { paramsObj: {type:Object,default: ...
我犯的错和解决AnimationEvent 'NewEvent' has no receiver! Are you missing a component
【难得偷闲动动笔】开发问题记录（二）：Extraneous non-props attributes
1.今天在用vue3时,遇到了一个警告: Extraneous non-props attributes (class) were passed to component but could not ...
element-plus中el-dialog导致props报错问题解决
1.报错信息 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be ...
React中的state和props有什么区别？
本文翻译自:What is the difference between state and props in React? I was watching a Pluralsight course o ...
Vue2 利用 v-model 实现组件props双向绑定的优美解决方案
在项目中开始使用vue2来构建项目了,跟 vue1 很大的一处不同在于2 取消了props 的双向绑定,改成只能从父级传到子级的单向数据流,初衷当然是好的,为了避免双向绑定在项目中容易造成的数据混乱. ...
React组件通信--props
React组件通信 1.props接收数据 //index.js import App from "./App";ReactDOM.render(<App name='传递数 ...

解决Extraneous non-props attributes (border, class) were passed to component but could not be

记录

解决Extraneous non-props attributes (border, class) were passed to component but could not be相关推荐

最新文章

热门文章