el-table对于超出长度限制的文本的处理(vue-cli)
1.使用省略号:<el-table-columnprop="url"label="说明书下载地址"width='200':show-overflow-tooltip='true'></el-table-column>2.超过字符数限制使用省略号:设置过滤器filters: {...
·
1.使用省略号:
<el-table-column
prop="url"
label="说明书下载地址"
width='200'
:show-overflow-tooltip='true'>
</el-table-column>
2.超过字符数限制使用省略号:
设置过滤器
filters: {
ellipsis(value) {
if (!value) return "";
if (value.length > 30) {
return value.slice(0, 30) + "...";
}
return value;
}
},
对应template(使用过滤器):
<el-table-column label="题干" width="600">
<template slot-scope="scope">
<span>{{scope.row.content | ellipsis}}</span>
</template>
</el-table-column>
更多推荐
已为社区贡献7条内容
所有评论(0)