我有一些可通过以下方式访问的数据:
{{ 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']"
我应该如何编写它才能有条件地确定班级?
为什么不将对象传递给v-bind:class来动态切换类:
这是Vue docs建议的。