猿问

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

慕慕3508673
浏览 3906回答 4
4回答

跨越七海的_风

你说的这个 往往需要结合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];         }     } })

xiao胜

v-for出来的元素写成组件,就变成了组件内方法改变元素的子元素的样式了
随时随地看视频慕课网APP

相关分类

Vue.js
我要回答