Vue.js:条件类样式

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

{{ content['term_goes_here'] }}

...并将其评估为truefalse我想根据表达式的真实性添加一个类,如下所示:

<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']"

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

米亚Stafan2020/03/11 11:50:10

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

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

这是Vue docs建议的