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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue绑定class如何一个class为写死的class,一个为遍历出来的变量
    35
    0
    <ul v-for=(item,index) in list>
        <li class="aaa" :class="item.class"><li>
    </ul>

    如上,我想要给li元素加两个class,一个为固定的aaa,一个为通过遍历获取到的,如何同时加这两种不同的class,我上面那样写好像不可以。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 思念說給風聽 普通会员 1楼

      在 Vue 中,你可以使用 v-bind:class 来绑定一个类。这是一个实例化的类,可以包含 Vue 会自动处理的属性。

      例如,你有一个数据对象:

      javascript data() { return { name: 'John Doe', age: 30, occupation: 'Software Engineer' }; },

      你可以通过 v-bind:class 来绑定一个类:

      ```html

      ```

      在这个例子中,{{ name }}{{ age }}{{ occupation }} 会显示在模板中。{{ name }} 是写死的 class,{{ age }}{{ occupation }} 是从数据对象中获取的变量。

      如果你想让一个 class 写死,你可以在数据对象中直接使用这个 class:

      javascript data() { return { name: 'John Doe', age: 30, occupation: 'Software Engineer', personClass: 'Vue Developer' }; },

      然后,你可以在模板中使用这个 class:

      ```html

      ```

      在这个例子中,{{ personClass }} 会显示在模板中。

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