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