el-table内容的换行符没生效
时间: 2023-10-06 14:09:15 浏览: 118
vue3 el-table多级表头收缩扩展的实现(JS原味版)
您好,关于 el-table 内容的换行符不生效的问题,可以尝试以下方法解决:
1. 在 el-table-column 标签中设置 show-overflow-tooltip 属性为 true,这样当内容过长时,会自动显示提示框,鼠标悬停时可以查看完整内容。
2. 在 el-table-column 标签中设置属性 :formatter,自定义内容格式化函数,在函数中添加换行符,例如:
```
<el-table-column prop="content" label="内容" :formatter="formatContent"></el-table-column>
methods: {
formatContent(row, column, cellValue) {
return cellValue.replace(/\n/g, '<br>')
}
}
```
这样就会将内容中的换行符替换为 `<br>` 标签,实现换行显示。
希望能对您有所帮助!
阅读全文