Extraneous non-props attributes (ref_key) were passed to component but could not be automatically

最新推荐文章于 2024-05-31 11:41:47 发布
最新推荐文章于 2024-05-31 11:41:47 发布
阅读量3.1k 收藏 4
点赞数 3
分类专栏： 解决问题 文章标签： vue.js 前端 elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43423103/article/details/125277241
版权

今天遇到这个警告，排查了半天发现是vue版本和element plus版本不兼容导致的，我的vue版本是3.2.6，element plus 的版本是2.2.5

警告的意思是 ref_key 这个属性不能被继承，网上有很多相关的报错，多数的解释是组件有多个根结点，需要将组件在template中用div包裹，尝试之后不能解决

一番尝试之后怀疑是版本问题，于是去element plus 官网用Element Plus Playground 调试。Element Plus Playground可以切换vue 的版本和element plus版本，测试果然是因为版本的问题：

修改vue版本后没有警告：

 

 

weixin_43423103
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue3 - Extraneous non-props attributes (ref_key) were passed to component but could not be automatic
高级前端工程师
01-11 2381
vue3，报错，浏览器控制台报错，vue3报Extraneous non-props attributes (ref_key) were passed错误，vue3 element-plus plus:Extraneous non-props attributes (ref_key) were passed to component，vue3如何解决报错，vue3报错怎么办，如何处理vue3控制台报错，vue3报错怎么解决，详细解决教程，【vue警告】[Vue warn]，vue3+element plus
07-5123-07-ZigbeeClusterLibrary_Revision_7.pdf
11-11
Removed the extraneous word “ZigBee” to describe items. CCB 2288 Chapter 1: reference for Manufacture Code database Chapter 2: clarified cluster Instance Model CCB 2327 2266 2338 2213 2318 ...
vue3 element-ui plus:Extraneous non-props attributes (ref_key) were passed to component ....
u014678583的博客
06-28 2948
警告：Extraneous non-props attributes (ref_key) were passed to component but could not be automatically inherited because component renders fragment or text root nodes....
Vue3报错：Extraneous non-props attributes (ref_key) were passed to component but could not be automatic
海风依旧
03-04 1107
Vue3报错：Extraneous non-props attributes (ref_key) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
traneous non-props attributes (ref_key) were passed to component but could not be automatically inhe
蜗牛~~
05-11 283
你可以选择重新安装vue3，或降低element-ui版本，建议是升级vue3版本。一般是vue版本和element-plus版本不兼容导致的。vue3中使用element-plus时报错。然后重启项目就好了。
vue3报Extraneous non-props attributes (ref_key) were passed错误？
水车
03-15 211
vue3项目更新了element-plus版本后，项目开始疯狂报警告： Extraneous non-props attributes (ref_key) were passed to component but could not be automatically inherited because component renders fragment or text root nodes 原...
【vue警告】[Vue warn]: Extraneous non-props attributes (class) were passed to component but could
周金鱼啊
11-23 5714
[Vue warn]: Extraneous non-emits event listeners (refreshRelationList) 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 liste
Vue3报错Extraneous non-props attributes (xxx) were passed to component but could not be ...
热门推荐
DM_Cxx的博客
06-09 1万+
今天在重构项目时遇到一个报错，趁有时间整理学习理解一下。首先的话这不是什么特别严重的报错。赶时间的朋友可以直接滑到最下面看解决办法。
vue3.X+element+cli4.0
05-07
动态路由，自定义命令，promise 封装
extraneous-ui:用于外部数据源NCB的UI组件
05-17
外部用户界面 用于外部数据源NCB的UI组件
webpack-extraneous-file-cleanup-plugin:一个Webpack插件，用于删除由于多个入口点而可能已创建和输出的不需要的文件
05-14
Webpack无关文件清理插件 一个Webpack插件，用于删除由于多个入口点而可能已创建和输出的不需要的文件 问题 使用ExtractTextPlugin时，如果您使用，则不可能为每个...yarn add webpack - extraneous - file - cleanup -
postgresql-14.1-1-windows-x64
12-05
This could be abused to send faked SQL commands to the server, although that would only work if the server did not demand any authentication data. (However, a server relying on SSL certificate ...
关于uniapp报警告Extraneous non-props attributes (info) were passed to component
打不死的小五
08-28 1406
这次也是个低级错误，嘲笑我吧
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1085
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 329
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 216
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
【Vue】v-if / v-show条件渲染指令
qq_39921135的博客
05-29 393
条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。表达式值为 true 显示， false 隐藏。作用： 控制元素显示隐藏（简单的显示隐藏）场景：频繁切换显示隐藏的场景。
基于Java+SpringBoot+Mybaties-plus+Vue+elememt + uniapp 新闻资讯 的设计与实现
qq_28917403的博客
05-27 710
本系统分为 后端 和 小程序端后端：点击登录按钮设置个人中心、管理员账号数据维护、基础数据维护、论坛维护(增删改查帖子信息，包括查看论坛的内容回复)、公告信息维护、用户信息维护、小程序的轮播图维护小程序端：登录、注册、忘记密码首页(查看新闻展示、短视频信息展示、公告信息展示)短视频信息(根据类型检索)、公告信息(根据类型检索)、论坛信息(根据名称检索)、
对于vsc中的vue命令 vue.json
最新发布
F2297468264的博客
05-31 373
打开vsc 然后在左下角有一个设置。将此代码粘贴 （我的不一定都适合）3.输入 vue.json回车。2.点击用户代码片段。
Extraneous non-props attributes (draggable) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
06-10
这个警告信息意思是组件接收到了非 props 属性，但无法自动继承这些属性，因为组件渲染的是文本或者片段节点。警告信息的原因是在 React 中，只有元素的 props 属性才有特殊的含义，其他属性会被认为是 DOM 属性而...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值