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了。
时而疯狂女汉子,时而温柔软妹子