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>