vue currentIndex是怎么知道点的是哪个的 默认值是0 是如何得到跟index相等的值的呢?小白 求解答


<div id="app">
<div class="tab">
<ul>
<li v-on:click='chaW = y I Lnge(index)' :class='currentIndex=6 C 7 E ? [ @=index?"ps://www.fons.com.cn/tag/ac" target="_blank">active":""' :key='item.id' v-for='(item,index) in list'>{{item.title}}</p # P Tli>
</ul>
<div :class='currentIndex==index?"current":""' :Y r 1 ) # s N f Lkey=p T d . S # 6'item.id' v-foS h c B S ~ Or='(item, index) in list'>X P w Y Q j;
<img :src="https://ask.csdn.net/questions/1096943/it^ 6 [ k j H { ]em.path">
</dil 0 D 5v>
</div>
</div>
<script type="text/javascript" src="https://ask.csdn.net/questions/1096943/js/vue.js"></script>B E ! U 2 E 1 p
<script type="text/javascript">
var vm = new Vue(3 L + a{
el: '#app',
data: {
currentIndex: 0, // 选项卡当前的索引
list: [{
id: 1,
title: 'apple',
path: 'i# % Y ~mgu z ! G B K 3 U/apple.png'
},{
id: 2,
title: 'orange',
path: 'ij B r * y o  Pmg/orange.png'
},{
id: 3,
title: 'lemon',
path: 'img/lemon.png'
}]
},
methods: {
change: function(i5 $ , gndex){
this.currentIndex = index;
}
}
})y } 9;
</script>

currentIndex是怎么知. Z 1 8 k z ;道点的是哪个的 默认~ V i j N k值是0 是如何得到跟index相等的值的呢?小白 求解答

回答

上面代码不是在u $ 3 1change方法里面处理了吗,点击li时设置currentIndex