vue 如何根据数组对象属性值的不同，添加不同的样式？

Question

先上代码，问题如标题，根据p的内容不同来为其添加不同颜色的背景颜色，自己弄了好久，不知道怎么搞了~

<table cellSpacing=0 cellPadding=0 id="right_table2" class="table table-bordered">
              <tr v-for="item in data4" >
                <td><p>{{item.gonghangId}}</p></td>
                <td><p>{{item.jianhangId}}</p></td>
                <td><p>{{item.nonghangId}}</p></td>
                <td><p>{{item.zhonghangId}}</p></td>
                <td><p>{{item.zhaoshangId}}</p></td>
                <td><p>{{item.jiaohangId}}</p></td>
                <td><p>{{item.pufaId}}</p></td>
                <td><p>{{item.guangdaId2}}</p></td>
                <td><p>{{item.guangdaId}}</p></td>
              </tr>
            </table>

data4: [
          {regions: '云南', gonghangId: '测试', jianhangId: '不准入', nonghangId: '协议流转', zhonghangId: '谈费率', zhaoshangId: '测试', shuangyouId:''},
          {regions: '江苏', gonghangId: '测试', jianhangId: '测试', nonghangId: '协议流转', zhonghangId: '不合作', zhaoshangId: '测试', shuangyouId:'谈费率'},
        ]

Answer 1

如果不是后台给颜色的话，那么总要有一个标准把 某些什么颜色 某些什么颜色。如果有了标准，那么是不是就可以使用v-if来判断呢