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

今天遇到这个警告,排查了半天发现是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版本,测试果然是因为版本的问题:

Extraneous non-props attributes (ref_key) were passed to component but could not be automatically_第1张图片

修改vue版本后没有警告:

Extraneous non-props attributes (ref_key) were passed to component but could not be automatically_第2张图片 

 

你可能感兴趣的:(解决问题,vue.js,前端,elementui)