javascript - vue.js如何获取li列表的index？

Question

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

Answer 1

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

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

给参数值($index)就可以

Answer 2

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)
}