Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/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 如何在v-for循环中绑定vue js模板中的css类?_Vue.js - Fatal编程技术网

Vue.js 如何在v-for循环中绑定vue js模板中的css类?

Vue.js 如何在v-for循环中绑定vue js模板中的css类?,vue.js,Vue.js,在本例中,如何将我的td类命名为步骤的名称 <td v-for="steps in item.steps" v:bind:class="item.steps.name"> {{ item.steps.name }} </td> 在本例中,我的类得到的是字面上命名的items.steps.name,而不是返回值。其他一切都可以工作。这是因为您在item.steps上循环每个名为steps的迭代,并且在类绑定中使用正在循环的变量 试试steps.name。使用v-bind

在本例中,如何将我的td类命名为步骤的名称

<td v-for="steps in item.steps" v:bind:class="item.steps.name">
 {{ item.steps.name }}
</td>

在本例中,我的类得到的是字面上命名的items.steps.name,而不是返回值。其他一切都可以工作。

这是因为您在item.steps上循环每个名为steps的迭代,并且在类绑定中使用正在循环的变量


试试steps.name。

使用v-bind:class而不是v:bind:class

这就是为什么我总是使用:attribute来绑定^^^我甚至没有看到,做得好,朋友:我可以在同一行中使用v-bind:class和v-bind:style吗?是的,你可以这样做好的,谢谢-出于某种原因,我不能绑定style?