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出来的元素写成组件，就变成了组件内方法改变元素的子元素的样式了