element 表格某个数据标红显示

记录一个小知识点:

在使用vue开发的后台管理中,很容易会使用到这样一种数据显示方式。

需求如下:在一个表格数据中,例如有一列标题为 ‘状态’ 的数据列,要求除了返回的状态中,除了 ‘正常’ 以外的其余状态,如 ‘未处理’,‘异常’ 这些都需要标红显示。

解决方法之一:就是使用插槽,然后再调用插槽里面的数据进行判断,如果返回true,则显示红色。

代码示例如下:

如果需要添加多个判断条件,则需在 ‘异常’ 后加一个  || ‘未处理’ 即可。

以上就是关于表格列数据显示的小知识。

posted @ 2021-03-09 23:40  黑sun  阅读(1357)  评论(0)    收藏  举报