美文网首页
vue+elementui表格字段为空如何展示

vue+elementui表格字段为空如何展示

作者: xsmile21 | 来源:发表于2022-08-24 11:20 被阅读0次

做项目的时候,经常会遇到后端返回的字段为空或者null的情况:



如果每个字段去判断非常麻烦,我们利用css实现:

.el-table .el-table__body td .cell:empty::after,
.el-table .el-table__body td .cell > span:empty::after,
.el-table .el-table__body td .cell .approval:empty::after,
.el-table .el-table__body td .cell div:empty::after,
.el-table .el-table__body td .cell .line-limit-length:empty::after {
  content: '--';
}

这样就好了~


相关文章

网友评论

      本文标题:vue+elementui表格字段为空如何展示

      本文链接:https://www.haomeiwen.com/subject/stangrtx.html