Vue.js：条件类样式绑定

JavaScript Vue.js

猪猪

2020-05-28

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

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

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

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

共1个回答
留姬 2020.05.28

为什么不将对象传递给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