解决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也不能用了，得按照官方文档去设置属性。