vue+elementUI当渲染文本超出一定字数时显示省略号

 

 

如图,当渲染的文字超出30字后显示省略号

1.设置过滤器

filters: {
ellipsis(value) {
if (!value) return "";
if (value.length > 30) {
return value.slice(0, 30) + "...";
}
return value;
}
},

2.使用过滤器

<el-table-column label="题干" width="600">
<template slot-scope="scope">
<span>{{scope.row.content | ellipsis}}</span>
</template>
</el-table-column>

3.ok了