【vue】根据列数据控制红黄牌的显示

1、问题描述：这是一个展示工单的表格，承办预警列需要根据受理预警状态值（accSupstateType）来显示红牌或黄牌，如果accSupstateType=0，显示红牌；accSupstateType=1，显示黄牌。

2、我尝试用v-if来判断这条工单的这个值，但是报错了：

3、如果用js动态添加这个元素到这一行的话，要获取这一行的数据，然后（感觉思路不太对），想请问一下有没有小伙伴遇到类似的问题？有的话解决思路是啥呀？

element 什么时候能这个样子写了

应该这个样子写

你这个是vue2还是vue3？如果是vue3那么在templente模板哪儿插槽写的有问题，应该是#default="scope" ；用scope.row去取值

用官网的例子里的语法试试，v-solot好像不行