根据卡片值更改v-card背景颜色
根据卡片值更改v-card背景颜色
提问于 2020-07-22 13:02:47
我目前正在处理v-row的v- card，并且正在努力根据卡的值来改变某张卡的背景颜色。我在这里设置了它，这样如果卡片的值等于当前值(由用户输入)，那么卡片的背景应该是白色，#FFFFFF，否则卡片背景应该是黑色，#000000。这就是我的设置，但由于某些原因，它不能工作。有人知道我哪里错了吗？
<v-row>
<v-card
v-for="values in cards"
:key="value"
color="currVal == value ? '#FFFFFF' : '#000000'"
:class="'ma-2 pa-3'"
outlined
tile
>{{ value }}</v-card>
</v-row>回答 1
Stack Overflow用户
回答已采纳
发布于 2020-07-22 13:42:12
由于您的颜色是javascript表达式，因此您需要v-bind color参数：
<v-row>
<v-card
v-for="value in cards"
:key="value"
:color="currVal === value ? '#FFFFFF' : '#000000'"
class="ma-2 pa-3"
outlined
tile
>{{ value }}</v-card>
</v-row>v-bind：因为class只是一个字符串，所以不需要Minor。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63027228
复制相关文章
相似问题
腾讯云开发者
