……
<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}