- 35
- 0
<ul v-for=(item,index) in list>
<li class="aaa" :class="item.class"><li>
</ul>
如上,我想要给li元素加两个class,一个为固定的aaa,一个为通过遍历获取到的,如何同时加这两种不同的class,我上面那样写好像不可以。
- 共 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 }},{{ age }}和{{ occupation }}会显示在模板中。{{ name }}是写死的 class,{{ age }}和{{ occupation }}是从数据对象中获取的变量。如果你想让一个 class 写死,你可以在数据对象中直接使用这个 class:
javascript data() { return { name: 'John Doe', age: 30, occupation: 'Software Engineer', personClass: 'Vue Developer' }; },然后,你可以在模板中使用这个 class:
```html
{{ name }}
{{ age }}
{{ occupation }}
{{ personClass }}
```
在这个例子中,
{{ personClass }}会显示在模板中。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
