el-tooltip超出显示

在Element UI中,el-tooltip组件默认就是当内容超过其容器范围时显示 tooltip。但是如果你想在内容超出指定宽度时才显示tooltip,你需要自定义一个判断逻辑来动态控制el-tooltipvisible属性。

下面是一个简单的示例:



在这个示例中,我们首先设置了一个固定宽度的容器,并且内容会隐藏溢出的部分。然后通过mounted钩子函数以及watch属性对text进行监听,实时调用checkOverflow方法来判断内容是否溢出。如果内容的实际宽度大于容器的宽度,则将isOverflow设为true,此时tooltip就会显示;否则,将isOverflow设为false,tooltip则不会显示。

你可能感兴趣的:(#,第一次见你,javascript,开发语言,ecmascript)