关于uniapp报警告Extraneous non-props attributes (info) were passed to component

Extraneous non-props attributes (info) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

在开发uniapp的过程中,遇到了这咩一个问题,如上面所述,也是感觉哪哪都对,就是报警告,像我这样强迫症,怎么会允许它有警告呢!

在网上找到一个解决方案:
说是因为这个组件没有属性info,但是却给了个info属性导致的, 看警告的原因确实和这个解决方案差不太多,错误举例如下:

<text :info="myInfo">text>

但是找了很久,自认为不会有这么低级的犯错。
在排查的过程中突然想到一个问题,vue2支持一个根标签,vue3支持2,于是检查了一下,解决方案就有了

解决方案

检查模板中是否有超过两个的根标签,根据需求合并一下

最后

好吧!,这次也是个低级错误,嘲笑吧,怪不得没找到合适的解决方案

你可能感兴趣的:(经验详谈,错误解决方案,uni-app,vue.js,前端)