vue element UI el-table 单元格中超出字省略号显示


filters: { 
    formatLongText(value) {
    if(value===undefined||value===null||value===''){
    return '暂无';
    }else if(value.length>8){
     return value.substr(0, 8) + '...';
     }else{
       return value;
     }
    },

ellipsis(value, limit) {
if (!value) return ''
if (value.length > limit) {
return value.slice(0, limit) + '...'
}
return value
},

}

用法
<el-table-column label="反馈内容" prop="content" align="left">
<template slot-scope="scope">
<span>{{ scope.row.content | ellipsis(24) }}</span>
</template>
</el-table-column>

posted on 2020-11-19 10:49  幺蛾子多  阅读(4807)  评论(0编辑  收藏  举报

导航