账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue中v-for遍历一组数据,给status=0并且是第一个status=0添加样式
    51
    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的上面
    
    
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 想起曾經的思念 普通会员 1楼

      在 Vue 中,你可以结合 v-forv-if 来实现这个需求。下面是一个示例:

      ```html

      • {{ item.name }}

      ```

      在这个例子中,我们遍历一个叫 items 的数组,对每个元素(假设它有一个 status 属性和一个 id 属性)生成一个列表项 (<li> 标签)。

      item.status 等于 0 并且当前索引 index 也等于 0(即第一个元素)时,该列表项会添加上名为 'your-special-class' 的 CSS 类。

      请将 'your-special-class' 替换为你实际要应用的 CSS 类名。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部