方法1(适合element使用):
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
prop="address"
label="地址"
:formatter="formatter"
width="300"
show-overflow-tooltip
>
<template slot-scope="scope">
<span> {{scope.row.address|ellipsis}}</span>
</template>
</el-table-column>
<el-table-column
prop="volume"
label="订单"
:formatter="formatter"
width="300"
>
</el-table-column >
方法二(vue适合使用)
filters: {
ellipsis(value) {
if (!value) return "";
if (value.length > 30) {
return value.slice(0, 30) + "...";
}
return value;
},
},
使用
<span>{{ pagename|ellipsis }}</span>