el-tooltip组件不能弹出tip

来源:5-4 方案落地:封装 langSelect 组件

阿阳2017

2022-03-31

老师你好,我在LangSelect组件的模板中,做了如下封装:

http://img.mukewang.com/szimg/62457acf09ed593e03810244.jpghttp://img.mukewang.com/szimg/62457b4d099a2c8e00490050.jpg

发现svg-icon本身是显示出来的,但是鼠标放上去时,却不显示content设置的内容,而且控制台还报警告:

http://img.mukewang.com/szimg/62457bbb09a3d21810310291.jpg

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

  at <Index icon="language" class="el-tooltip__trigger" aria-describedby=undefined > 

  at <ElOnlyChild key=0 class="el-tooltip__trigger" aria-describedby=undefined > 

  at <ElPopperTrigger id="el-id-8364-1" virtual-ref=undefined open=false  ... > 

  at <ElTooltipTrigger disabled=false trigger="hover" virtual-ref=undefined  ... > 

  at <ElPopperRoot ref="popperRef" > 

  at <ElTooltip content="国际化" effect="dark" > 

看提示是<el-tooltip>传入了多余的属性,但是不知道真正的原因是什么。麻烦老师帮忙看下这两个问题。谢谢

写回答

1回答

Sunday

2022-04-01

你好

这个指的是 tempalte 中存在多个根元素,这个问题应该不是 svg-icon 引起的。

0
1
阿阳2017
非常感谢!确实是MenuItem组件和SvgIcon组件有多个根元素造成的。添加根元素就可以了。
2022-04-03
共1条回复

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

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

1942 学习 · 1688 问题

查看课程