Vue js开关css类
我正在使用vuejs,我想根据数据值切换我的类。 如果是负数,我想使用.neg类,如果是正数,我想使用.pos类 除了添加类之外,一切都正常 数据如下所示:5,-7,8,-2,4,-9等Vue js开关css类,css,vue.js,vue-component,Css,Vue.js,Vue Component,我正在使用vuejs,我想根据数据值切换我的类。 如果是负数,我想使用.neg类,如果是正数,我想使用.pos类 除了添加类之外,一切都正常 数据如下所示:5,-7,8,-2,4,-9等 myArray: function () { var test = [5, -7, 8, -2, 4, -9]; return test; }, 任何帮助都将被占用。因为myArray正在返回一个值(数组)。将myArray替换为myArray() {{data}} 它不应该是myArray()
myArray: function () {
var test = [5, -7, 8, -2, 4, -9];
return test;
},
任何帮助都将被占用。因为myArray正在返回一个值(数组)。将
myArray
替换为myArray()
{{data}}
它不应该是myArray()中的数据吗?此外,我不会在循环中重复使用“my”id
。你会在这里找到重复的任务,好的~。有可能是您的neg
/pos
分类元素没有内容吗?如果我可以,投票以打字错误的形式结束,将给您一个追加投票。我的问题是myArray()。当我改变它时,它起了作用
<div v-for="data in myArray">
<div v-bind:class="{'neg': data < 0, 'pos': data > 0}"></div>
<div id="my">{{ data }}</div>
</div>
.pos {background-color: green;}
.neg {background-color: red;}
<div v-for="data in myArray">
<div :class="{'neg': data < 0, 'pos': data > 0}"></div>
<div id="my">{{ data }}</div>
</div