当前位置:   article > 正文

element-ui —— el-tooltip 超出部分显示省略号,鼠标悬浮显示详情_el-tooltip鼠标悬浮触发

el-tooltip鼠标悬浮触发

 

el-tooltip  绑定一个disabled属性值(elemenUI文档里有对这个属性说明),给对应的DOM绑定@mouseenter="onMouseOver"事件,事件里通过事件对象e获取到其本身的DOM,通过offsetWidth获取它的宽度,通过scrollWidth获取当前元素的总宽度(包括溢出的内容宽度),然后比较其两个值的大小,看显示还是隐藏。主要代码如下。

 

  

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/91663
推荐阅读