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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM