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

Question

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

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

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

Answer 1

Sunday 2022-12-02 15:46:40

你好

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

• 提问者 weixin_慕运维4153305 #1

  嗯嗯，确实翻译是这个意思，但是，去掉那个类类名就不报警告了。应该和 使用一个template 没关系

• Sunday 回复 提问者 weixin_慕运维4153305 #2

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