Vue js切换css类

Question

我正在使用vuejs，我想根据数据值切换我的类。 如果它是负数，我想使用.neg类，当它是正数时，我想使用.pos类。

除了添加课程外，一切正常。

数据如下所示：5，-7,8，-2,4，-9等

myArray: function () {
  var test =  [5, -7, 8, -2, 4, -9];
  return test;
},

<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;}

任何帮助都会被挪用。

Answer 1

因为，myArray返回一个值（数组）。将myArray替换为myArray()

<div v-for="data in myArray">
  <div :class="{'neg': data < 0, 'pos': data > 0}"></div>
  <div id="my">{{ data }}</div>
</div