vue3 Extraneous non-props attributes (modelValue) were passed to component but could not be automati

vue3 控制台报错如下图:

在这里插入图片描述

代码书写如下

在这里插入图片描述

在这里插入图片描述

原因:

1.一个组件可能有多个根节点,请确保组件在单一根节点下
2.外部组件不要直接放在template下,最外层加div包裹
修改代码图二,将add-applicant放进right-slider组件,控制台不再报错,外层组件也可以正常加载出来,但是包裹的add-applicant组件加载不出来(此操作如果没有嵌套,修改后是可以实现的,如果有嵌套,不要做修改,请接着往下看~)

在这里插入图片描述

最后决定从根本上解决问题,也就是根组件rightSlider,加上插槽slot,组件里就能很愉快的放在外面了

在这里插入图片描述文章来源地址https://uudwc.com/A/kvqbz

原文地址:https://blog.csdn.net/Missying55/article/details/127732152

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

h
上一篇 2023年06月28日 06:22
IDEA 中Git 多次 Commit 合并为一次提交
下一篇 2023年06月28日 06:23