Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js vuejs条件绑定基于数据的类_Vue.js - Fatal编程技术网

Vue.js vuejs条件绑定基于数据的类

Vue.js vuejs条件绑定基于数据的类,vue.js,Vue.js,有人能告诉我我做错了什么吗?我试图根据数据模型中是否显示“是”或“否”来绑定该类。我尝试了条件绑定,但我猜可能缺少一个参数,或者使用了错误的方法 我错过了什么?我希望css类绑定到表。如何触发已经存在的v-if绑定 谢谢 桌子 th, 运输署{ 边框:1px纯黑; } th{ 宽度:100px; 高度:100px; 背景颜色:黄色; } 运输署{ 背景颜色:灰色; } .一月{ 背景颜色:粉红色; } 月 储蓄 花费 一月 $100 $10 二月 $80 $300 前进 $80 $0 新Vu

有人能告诉我我做错了什么吗?我试图根据数据模型中是否显示“是”或“否”来绑定该类。我尝试了条件绑定,但我猜可能缺少一个参数,或者使用了错误的方法

我错过了什么?我希望css类绑定到表。如何触发已经存在的v-if绑定

谢谢


桌子
th,
运输署{
边框:1px纯黑;
}
th{
宽度:100px;
高度:100px;
背景颜色:黄色;
}
运输署{
背景颜色:灰色;
}
.一月{
背景颜色:粉红色;
}
月
储蓄
花费
一月
$100
$10
二月
$80
$300
前进
$80
$0
新Vue({
el:'卡尔',
数据:{
一月:'是',
二月:'是',
三月:是的,
四月:'是',
阿美:“是的”,
琼:“是的”,
七月:'是',
八月:'是',
九月:'是',
十月:'是',
十一月:'是',
十二月:'是'
}
})

因此对于
:类
绑定,您传入的对象是
{css\u class:somethingthesolvestotrueorfalse}

所以你可以做一些像

<td v-bind:class="{'January': January == 'yes'}">January</td>
表格,
th,
运输署{
边框:1px纯黑;
}
th{
宽度:100px;
高度:100px;
背景颜色:黄色;
}
运输署{
背景颜色:灰色;
}
.一月{
背景颜色:粉红色;
}

月
储蓄
花费
一月
$100
$10
二月
$80
$300
前进
$80
$0

how。如果我把一月份的数据改为“否”,粉色仍然适用?@Vzupo我在我发布的代码中没有看到这一点。只要值不是
yes