javascript - v-for如何为一个列表里的某个项单独绑定事件？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - v-for如何为一个列表里的某个项单独绑定事件？

大家讲道理 2017-04-11 11:41:44

[JavaScript讨论组]

308

例如，有下列代码：
我想为循环出来的第二个a标签单独绑定事件该如何做(例如给最后渲染出来的第二个a标签绑定事件)？
注意：不是给所有循环出来的项目都绑定事件，已经翻阅过百度，谷歌，都找不到答案

<a :href="link.href" :title="link.title">{{link.info}}</a>

</li>
....
links: [{

  href:"some1.html",
  title:"1",
  info:"1"
},{
  href: "some2.html",
  title: "2",
  info: "2"
},{
  href: "some3.html",
   title: "3",
   info: "3"
  }]

大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(2)

大家讲道理2017-04-11 11:43:44 2楼

元素写两次，用 v-if/v-else
可以参考这个 jsfiddle

  <ol>
    <li v-for="(item, index) in list">
      <button v-if="index == 1" type="button" v-on:click="alert()"> <!-- 选定第二个才绑定 -->
        {{ index }}: {{ item }}
      </button>
      <button v-else type="button">
        {{ index }}: {{ item }}
      </button>
    </li>
  </ol>

const data = ["a", "b", "c", "d", "e"];

const app = new Vue({
  el: '#app',
  data: {
    list: data
  },
  methods: {
    alert() {
      alert('test');
    }
  }
});

赞 +0

添加回复

黄舟2017-04-11 11:43:44 1楼

单独绑定没找到
可以全绑定传index。

<p v-for="(item, index) in items" v-on:click="fun(index)">

methods:{
    fun(index){
    //根据index==2做判断
    }
}

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>