element UI 限制字数的方法,前面写过一个用filter方法,这次用表格的 formatter 属性,格式化内容。
在要处理的列中,动态加上formatter属性:
<el-table-column prop="projectname" label="名称" width="200" align="center" :formatter="stateFormat">
然后在方法中,做如下处理:
stateFormat(row, column, cellValue) {
if (!cellValue) return ''
if (cellValue.length > 10) { //最长固定显示10个字符
return cellValue.slice(0, 10) + '...'
}
return cellValue
}