v-for出来的元素点击后改变当前元素的子元素的样式

Answer 1

你说的这个 往往需要结合v-class来使用(可能会用到index)，我给你举个例子，可能并不能完全达到你的业务需要，但是可以推广或拓展。<div v-for="(item,index) in dataSrc">     <span @click='toggle(index)' :class={'active':item.state}>{{item.text}}</span> </div>new Vue({     ...     data:{         dataSrc:[{             text:'baidu',             state:0         },{             text:'imooc',             state:0         }]     },     methods:{         toggle:function(index){             this.dataSrc[index].state=!this.dataSrc[index];         }     } })

Answer 2

v-for出来的元素写成组件，就变成了组件内方法改变元素的子元素的样式了