javascript - v-for如何为一个列表里的某个项单独绑定事件?
大家讲道理
大家讲道理 2017-04-11 11:41:44
[JavaScript讨论组]

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

  • {{link.info}}


  • ....
    links: [{

      href:"some1.html",
      title:"1",
      info:"1"
    },{
      href: "some2.html",
      title: "2",
      info: "2"
    },{
      href: "some3.html",
       title: "3",
       info: "3"
      }]
    大家讲道理
    大家讲道理

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

    全部回复(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');
        }
      }
    });
    黄舟

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

    <p v-for="(item, index) in items" v-on:click="fun(index)">
    methods:{
        fun(index){
        //根据index==2做判断
        }
    }
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号