封装 svg 组件，使用时加类名控制台警告问题

来源：4-17 动画逻辑，左侧菜单伸缩功能实现

weixin_慕运维4153305

2022-12-02

跟着老师封装的 svg 组件，使用时加类名控制台警告问题；如：汉堡按钮。
图片描述

去掉类名就没有i警告了，但是我打开你的代码，也没有警告，一直找不到原因；
图片描述

如果方便，老师可以去我的仓库拉一下看看怎么回事？
地址： https://gitee.com/wishFor/cl-admin.git

写回答

1回答

Sunday

2022-12-02

你好

这个警告是说你的 template 中最好只有一个根元素

Sunday

weixin_慕运维4153305

当你的 template 中存在多个根元素的时候，那么在使用组件时如果传递了一些属性，比如类名，那么这个类名 vue 不知道写入到哪个根元素中，所以就会导致出现这样的警告。如果 template 里面只有一个根元素，那么久没有这个问题了。

2022-12-02

共2条回复

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

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

1941 学习 · 1687 问题

相似问题

回答 1

回答 1

回答 1

回答 2

回答 1