1. 程式人生 > >vue頭部導航動態點選處理

vue頭部導航動態點選處理

1:DATA中兩個變數,

data:  {
             nav:['頭條1','頭條2'],
             ins:0,//記錄當前點選的INDEX
           },

2:

                  <div  v-for="(item,index) in nav"  :class="index == ins ? 'swiper-slide swiper_active' : 'swiper-slide' "  @click="topClick(index)">{{item}}</div>

3:mothods:

topClick:function(i){
                var t=this;
                t.ins=i;
           },