jQuery中on方法绑定事件如何有效的获取当前点击元素的index下标

Question

<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':''">设置默认</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 当前下标 点击任何一个li都为 0下标    post(self,api.setDefault,self.setDefaultList,(response)=>{      self.getEntBank();    })  });},

Answer 1

<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即下标

}