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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue :class 三种状态怎么写?
    54
    0

    比如传来的数据

    data () {
      return {
        ...
        status:0
      }
    }

    status 有三种值 : -1, 0, 1
    模板中的class:

    <span :class="怎么写?">{{status}}</span>
    if (status == -1)
        添加 classA
    else if (status == 0)
        添加 classB
    else
        添加 classC

    能做到吗?

    场景需求:

     平台安全:危险 通常 良好
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 九色灵鹿 普通会员 1楼

      在 Vue 中,:class 用于定义 CSS 类。以下是一些常见的 :class 用法:

      1. 用于类名匹配:

      ```vue

      Hello, World!

      ```

      在这个例子中,my-class 是一个匹配 div 元素的 CSS 类名。<div> 元素就会被应用这个类。

      1. 用于类名优先级:

      ```vue

      Hello, World!

      ```

      在这个例子中,my-class 是一个具有较高优先级的类名,它将覆盖所有其他匹配 div 元素的类名。优先级高的类名将覆盖优先级低的类名。

      1. 用于类名添加:

      ```vue

      Hello, World!

      ```

      在这个例子中,my-class 是一个添加到 div 元素上的类名。<div> 元素会自动应用这个类,同时,任何其他的类名也将自动覆盖这个类。

      注意,:class:style 是不同的。:class 是用于 CSS 类,而 :style 是用于 CSS 属性。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部