控制台警报的问题

来源:4-18 SidebarHeader 处理

生南国

2022-04-24

图片描述
[Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

我发现这个报错只需要在 src\components\SvgIcon\index.vue 文件内,在最外层加个 div,这个警告就没有了,但样式会错乱,所以想问问有没有什么好的解决办法呢

写回答

2回答

岛森屿夏0

2022-04-29

<svg v-else
<!-- 添加 v-bind="$attrs"-->
     v-bind="$attrs"
     class="svg-icon"
     :class="className"
     aria-hidden="true"
>
  <use :xlink:href="iconName"/>
</svg>

代码所处文件    src/components/SvgIcon/index.vue


0
0

Sunday

2022-04-24

你好

这是因为  template 下多个 元素导致的,你可以通过 v-bind="$attrs" 来指定组件绑定的属性被放置到哪个元素下

0
0

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1941 学习 · 1687 问题

查看课程