微客导航 » 文章资讯 » vue 实现超长文本截取,悬浮框提示

vue 实现超长文本截取,悬浮框提示

2023-07-19 16:21:05 162

vue超长文本截取，悬浮框提示

样式：

table：

主要代码：

{
title:'统一信用代码',
key:'ucCode',
render:(h,params)=>{
returnh('span',{
domProps:{
title:params.row.ucCode
}
},params.row.ucCode)
}
}

补充知识：前端使用ElementUI+Vuetable表头添加tooltip悬浮提示框

废话不多说，看代码~






renderHeader(h,{column}){
if(column.label.length>13){
return(

{column.label}

)
}else{
return(
{column.label}
)
}
},

并不想让所有的表头都弹出tooltip，只想让超出长度并且

overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;

以上这篇vue实现超长文本截取,悬浮框提示就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

vue 实现超长文本截取,悬浮框提示

热门推荐

随机推荐