vue如何根据v-for的索引index绑定class，小白问题

Question

……
 <tr><th class="{title'+index}" v-for="(item,index) in itemstitle" >{{item}}</th></tr>
……
……
<!--  style -->
.title0{
  background-color: #2C3E50;
  width:10%;
}
.title1{
  background-color: #2C3E50;
  width:20%;
}

类似这段代码应该如何修改class的值，这里class不能识别到title0但是打印显示{{'title'+index}}可以出数

Answer 1

vue动态属性需用v-bind或“:”，你直接写它只会把整个内容"{title'+index}"识别为一个字符串，正确的写法应该是：

 <tr><th :class="'title'+index" v-for="(item,index) in itemstitle" >{{item}}</th></tr>