鍍金池/ 問答/HTML/ jQuery中on方法綁定事件如何有效的獲取當(dāng)前點(diǎn)擊元素的index下標(biāo)

jQuery中on方法綁定事件如何有效的獲取當(dāng)前點(diǎn)擊元素的index下標(biāo)

<ul class="accountlist">

  <li v-for="(item,index) in bankcardData" :key="index" @click="curindex === index" :class="curindex === index ? 'active' : ''">
    <i class="icon-corner corner" v-if="curindex === index"></i>
    <span class="textcenter">{{item.bankName}}</span>
    <p class="card-number textleft">{{item.accountNo}}</p>
    <div class="anchor">
      <button class="textleft btn default-btn" @click="activestyle($event,index)" :class="curindex === index?'opacity':''">設(shè)置默認(rèn)</button>
      <button class="textright cancel-btn" v-popover:popover>解除綁定</button>
    </div>
  </li>
</ul>

setDefault(){
  var self = this;
  $('.accountlist').on('click', '.default-btn', function() {
    var curli = $(this).parents('li');
    $('.accountlist').prepend(curli);

    var curliIndex = curli.index();
    console.log(curliIndex); //curliIndex 當(dāng)前下標(biāo) 點(diǎn)擊任何一個(gè)li都為 0下標(biāo)

    post(self,api.setDefault,self.setDefaultList,(response)=>{
      self.getEntBank();
    })
  });
},
回答
編輯回答
失心人

你這個(gè)jquery和vue結(jié)合的.....
你可以將方法直接寫在vue的methods中，直接就打印出index了，多讀讀api，套模板也不會(huì)出這種錯(cuò)啊....

2017年2月23日 10:48
編輯回答
厭遇
<li v-for="(item,index) in bankcardData" :key="index" @click="liClick(index)" :class="curindex === index ? 'active' : ''">

趕腳你還一直再用jq的思想在編程，



liClick(index){
this.curindex === index;
console.log(index)//獲取li 的 index即下標(biāo)
}
2018年7月2日 05:23