element中利用tooltip实现文字超出宽度悬浮显示

实现代码:

<el-tooltip :content="data.label" :disabled="data.label.length>22?false:true" placement="top">
<span class="fieldWidth">{{
`${data.label} ${
data.icon === "fieldIcon" ? `(${data.labelType})` : ""
}`
}}</span>
</el-tooltip>


补充一点,在element里table组件里可以不用写这么复杂,加上 show-overflow-tooltip就OK了。

上一篇:修改el-tooltip三角的样式


下一篇:Jquery.extend()