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
}
本文介绍了如何在ElementUI表格中使用formatter属性动态控制列内容长度,当内容超过10个字符时,仅显示前10个字符并添加省略号。
751

被折叠的 条评论
为什么被折叠?



