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

……
 <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}}可以出数

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

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

什么需求? 一般这样玩 如果数据多 class 定义的就多拉

你绑定 值 得用 v-bind
或者简写 :class={title+index}