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

这篇具有很好参考价值的文章主要介绍了关于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,于是检查了一下,解决方案就有了

解决方案

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

最后

好吧!,这次也是个低级错误,嘲笑吧,怪不得没找到合适的解决方案文章来源地址https://www.toymoban.com/news/detail-679049.html

到了这里,关于关于uniapp报警告Extraneous non-props attributes (info) were passed to component的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • GnuTLS recv error (-110): The TLS connection was non-properly terminated

    在 git clone命令 运行过程中报错: GnuTLS recv error (-110): The TLS connection was non-properly terminated 网络代理问题,主要是网络问题大家都懂。。 取消代理即可恢复正常,执行下面的命令即可 完美解决

    2024年02月12日
    浏览(42)
  • 【亲测有效】GnuTLS recv error (-110): The TLS connection was non-properly terminated.

    fatal: unable to access ‘https://github.com/openai/CLIP.git/’: GnuTLS recv error (-110): The TLS connection was non-properly terminated. 如图: 如果设置了代理则可能会出现类似下面的错误: git下载出现:Failed to connect to 127.0.0.1 port 1080: Connection refused拒绝连接错误 通过git的配置文件查看有无使用代理

    2024年02月16日
    浏览(92)
  • Git Clone错误解决:GnuTLS recv error (-110): The TLS connection was non-properly terminated.

    错误提示: 到此问题解决,可以顺畅下载。

    2024年02月13日
    浏览(42)
  • git push报错:gnutls_handshake() failed: The TLS connection was non-properly terminated

    首先你在本地或服务器git clone了一套代码,或者是clone了自己的代码准备更新,更新过内容后,你想用git push origin main这个命令,将本地代码推送到github上,结果报错gnutls_handshake() failed: The TLS connection was non-properly terminated。 我首先检查了一下自己的命令,没有错,通过了git

    2024年04月11日
    浏览(42)
  • 控制台警告Invalid prop: type check failed for prop “modelValue“. Expected Number with value 0, got String

    Invalid prop: type check failed for prop \\\"modelValue\\\". Expected Number with value 0, got String with value \\\"0\\\".  检查项目时发现了控制台报这个警告 用有道翻译过来是:无效的道具:道具“modelValue”的类型检查失败。期望值为0的数字,得到值为“0”的字符串。 一开始我还看不懂它这个意思,可能遇

    2024年02月05日
    浏览(86)
  • Uniapp使用自定义组件,props传值为undefined

    最近在使用uniapp和HXbuilder来开发微信小程序,却发现一个很奇怪的问题,我按照官方文档的写法来由父组件对子组件使用prop进行传值,但是子组件却一直收不到父组件传入的值。 父组件代码如下: 在上面代码中我按照Vue写法,使用import引入,components进行注册。 子组件的p

    2024年02月13日
    浏览(43)
  • uniapp中uview组件库的AlertTips 警告提示使用方法

    目录 #使用场景 #平台差异说明 #基本使用 #图标 #可关闭的警告提示 #API #Props #Events 警告提示,展现需要关注的信息。 #使用场景 当某个页面需要向用户显示警告的信息时。 非浮层的静态展现形式,始终展现,不会自动消失,用户可以点击关闭。 #平台差异说明 App H5 微信小程

    2024年01月17日
    浏览(75)
  • uniapp 微信小程序:v-model双向绑定问题(自定义 props 名无效)

    VUE中父子组件传递数据的基本套路: 父传子 props 子传父 this.$emit(\\\'事件名\\\', \\\'数据\\\'); 使用 sync 修饰符,实现 支持同步数据 因为用的是 uniapp 开发小程序,所以要考虑到兼容性问题,不要把自己当正经VUE2。 小程序虽然支持 v-model 指令,但不支持 model 选项。 所以要么子组件中声

    2024年02月15日
    浏览(43)
  • 关于Vue3警告:Failed to resolve component:XXX的解决办法

    今天做小项目的时候遇到的问题,上网参考了几个大佬给出的解决方法 没有注册组件,注册即可 检查一下组件的名称有没有拼错or大小写有问题 将vue3中的defineComponent去掉 可能是你引用的组件互相嵌套,你中有我,我中有你,此时建议 1、把组件注册成全局组件 2、使用 web

    2024年02月06日
    浏览(44)
  • uniapp框架组件、props对组件传值、对组件绑定事件的使用、子组件给父组件传值

    新建组件的方式,在components目录下新建组件,然后就能在pages页面当中直接使用该组件 test.vue home.vue: 页面效果如下: props的作用就是可以从外部的标签当中传值到标签当中的内容 props的使用方法:在子组件当中,props是一个对象,对象当中的数据也是一个对象,该有两个属性

    2024年02月15日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包