vue中v-for遍历一组数据,给status=0并且是第一个status=0添加样式

  {
    "id": 0,
    "status": "1", // 状态 默认0 表示为使用 ,1表示已使用
  },
  {
    "id": 1,
    "status": "0",
  },
  {
    "id": 2,
    "status": "1",
  },{
    "id": 3,
    "status": "0", 
  },
  这组数据有一个status属性,0代表未使用,1代表使用
  需要给status=0并且是第一个status=0的状态添加样式,也就是只有id=1的添加样式,
  当id=1的status状态变成1时,样式自动添加到id=3的上面

阅读 425
评论
    5 个回答
    <li v-for='item in list' :key='item.id' :style="{ color:item.status==0?'red':''}">{{item.id}}</li>

    图片描述