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

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

阅读 21.2k
2 个回答

写了个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)
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏