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