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了。

posted @ 2021-06-27 15:20  是大壳子啊  阅读(2132)  评论(0编辑  收藏  举报