今天遇到这个警告,排查了半天发现是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版本后没有警告:

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

  1. 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 ...

  2. [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 ...

  3. were passed to component but could not be automatically inherited because component renders fragment

    自定义VUE子组件需要用div包裹 <div> <selfcontrol /> </div>

  4. 【难得偷闲动动笔】开发问题记录(二):Extraneous non-props attributes

    1.今天在用vue3时,遇到了一个警告: Extraneous non-props attributes (class) were passed to component but could not ...

  5. element-plus中el-dialog导致props报错问题解决

    1.报错信息 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be ...

  6. vue-router 采坑记录

    一.错误:Uncaught Error: [vue-router] route config "component" for path: /detail cannot be a s ...

  7. Vue3+ Vue-cli (2) 组件篇

    目录 一.全局组件定义和复用性讲解 二.Vue3中的局部组件 三.父子组件的静态和动态传值 四.组件传值时的校验操作 五.组件中重要机制 - 单项数据流 六.Non-props使用技巧 七.组件中通过 ...

  8. React中的state和props有什么区别?

    本文翻译自:What is the difference between state and props in React? I was watching a Pluralsight course o ...

  9. 【译】为什么要写super(props)

    译注: 原文地址 https://overreacted.io/why-do-we-write-super-props/ 正文 我听说Hooks是新的热点.好笑的是,我想通过描述一些关于class组件 ...

  10. 【译】为何我们要写super(props)?

    我听说现在Hooks是新的热点.讽刺地是,我想描述类的相关事实作为这片博客的开始.那是怎么样的呢? 这些坑对于有效地使用React并不重要.但如果你想更深入地了解事物的工作原理,你可能会发现它们很有趣 ...

最新文章

  1. 卷积神经网络(CNN)的简单实现(MNIST)
  2. android build系统
  3. Selenium3自动化测试——19.读取数据文件
  4. Servlet学习笔记 Servlet原理
  5. gsl eclipse
  6. html 一行显示边框线,HTML 网页中要显示出来一个虚线的边框 就是一行字在边框里面,那个边框是显示出来的,程式码应该怎么写?...
  7. 无法登录a6服务器可以修复么,航天A6登录常见问题
  8. 收藏:如何实现路由器的本地验证和授权
  9. vue.min.js:6 TypeError: Cannot read properties of undefined (reading ‘_wrapper‘)
  10. 升级设置win2008r2开发环境,遇到问题小结
  11. python 图像检索系统_python-计算机视觉 - 图像检索
  12. 斯科特.H.杨:MIT 课程挑战者 __转
  13. 什么是Receptive Field
  14. python快递分拣程序怎么写_分拣中心分拣作业流程
  15. [踩坑解决]npm ERR! gyp info it worked if it ends with oknpm ERR! gyp verb cli [
  16. Win系统下如何安装Maven教程
  17. .net开发过程中,错误集锦
  18. 剑指offer--序列化与反序列化二叉树(先序递归,建树)
  19. centos7.6 服务器搭建Java环境(若依--srs)
  20. EXCEL公式查找重复和去重

热门文章

  1. linux crontab修改不生效,crontab 内容修改不生效
  2. 云风专访|近40年码龄,从通宵写代码到三思而后行
  3. eNews 第二十五期/2007.06
  4. 聚币网API使用教程 demo
  5. 使用结构化思维,让工作有条不紊
  6. 64位Win7 服务器运行失败
  7. android 7 蓝牙版本,Android N及高版本蓝牙适配
  8. 苹果youtube无法连接网络_当手机无信号或者无法连接网络时的正确解决步骤
  9. 【kafka专栏】集成apache kafka-clients实现数据消费者
  10. 和风天气:免费天气接口,包含天气预报及空气质量等实用信息,使用简单方便(划重点:免费)