Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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开关css类_Css_Vue.js_Vue Component - Fatal编程技术网

Vue js开关css类

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()

我正在使用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()中的数据吗?此外,我不会在循环中重复使用“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