element 表格某个数据标红显示
记录一个小知识点:
在使用vue开发的后台管理中,很容易会使用到这样一种数据显示方式。
需求如下:在一个表格数据中,例如有一列标题为 ‘状态’ 的数据列,要求除了返回的状态中,除了 ‘正常’ 以外的其余状态,如 ‘未处理’,‘异常’ 这些都需要标红显示。
解决方法之一:就是使用插槽,然后再调用插槽里面的数据进行判断,如果返回true,则显示红色。
代码示例如下:

如果需要添加多个判断条件,则需在 ‘异常’ 后加一个 || ‘未处理’ 即可。
以上就是关于表格列数据显示的小知识。

浙公网安备 33010602011771号