我有一些数据可以通过以下方式访问:
{{ 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
而 false 会给我 fa-checkbox-blank-outline
。我上面写的方式给了我一个错误:
- invalid expression: v-bind:class="[{{content['cravings']}} ? 'fa-checkbox-marked' : 'fa-checkbox-blank-outline']"
我应该如何编写它才能有条件地确定班级?
原文由 Jeremy Thomas 发布,翻译遵循 CC BY-SA 4.0 许可协议
使用 对象语法。
当对象变得更复杂时,将其提取到方法中。
最后,您可以使这项工作适用于像这样的任何内容属性。