Vue.js：条件类样式

JavaScript

Eva蛋蛋番长

2020-03-11

我有一些可通过以下方式访问的数据：

{{ content['term_goes_here'] }}

...并将其评估为true或false。我想根据表达式的真实性添加一个类，如下所示：

<i class="fa" v-bind:class="[{{content['cravings']}} ? 'fa-checkbox-marked' : 'fa-checkbox-blank-outline']"></i>

哪里true给我上课fa-checkbox-marked，假会给我fa-checkbox-blank-outline。我上面写的方式给我一个错误：

- invalid expression: v-bind:class="[{{content['cravings']}} ? 'fa-checkbox-marked' : 'fa-checkbox-blank-outline']"

我应该如何编写它才能有条件地确定班级？

第623篇《Vue.js：条件类样式》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
米亚Stafan 2020.03.11

为什么不将对象传递给v-bind：class来动态切换类：

<div v-bind:class="{ disabled: order.cancelled_at }"></div>

这是Vue docs建议的。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android