如圖,當渲染的文字超出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了

總結

以上是生活随笔為你收集整理的vue+elementUI当渲染文本超出一定字数时显示省略号的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。