实现el-form的label超出长度显示省略号，并tooltip提示_el-form label-width 超出

作者：笔触狂放9 | 2024-02-16 07:43:46

踩

el-form label-width 超出

在工作过程中，遇到这样一个需求。要求el-form的label超出长度135px的部分显示省略号，并且在鼠标移入时tooltip显示完整label。

我首先尝试了使用插槽slot=“label”，在里面加上tooltip。但是后来发现tooltip根本没显示，搜了搜之后说给el-form-label的样式加上float：none。在试了之后tooltip出来了，但是之前对label的长度限制失效了，而且样式还不对。

后来一想既然用了插槽之后影响tooltip展示，不如直接不用插槽。于是直接没写label，用一个span标签代替label，调整样式后实现了正确的效果。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/91819