首页 > vue.js如何获取li列表的index?

vue.js如何获取li列表的index?

在vue.js中如何在li列表的点击事件中获取当前列表的index索引值?


写了个DEMO,不知道是不是你要的效果:https://jsfiddle.net/rainwsy/s0goh03w/

<p class="text-success" v-on:click="getIndex($index)">Text:{{option.text}}--Vlue:{{option.value}}</p>

给参数值($index)就可以



http://cn.vuejs.org/guide/list.html

想在点击事件中拿到,可以传到标签的属性里?

<ul>
   <li v-for="(index,item) in items" data-index="{{index}}" v-on:click="onclick"></li>
<ul>
onclick:function(event){
    let target = event.target
    console.log(target.getAttribute("data-index"))
}
或者更好可能是像 楼下@rainwsy 这样
<ul>
   <li v-for="(index,item) in items" v-on:click="onclick($index)"></li>
<ul>
onclick:function(index){
    console.log(index)
}
【热门文章】
【热门文章】