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

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

<li v-for="link in links">

<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"

  }]


PIPIONE
浏览 968回答 1
1回答

蝴蝶不菲

元素写两次,用&nbsp;v-if/v-else可以参考这个 jsfiddle&nbsp;&nbsp;<ol> &nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;v-for="(item,&nbsp;index)&nbsp;in&nbsp;list"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button&nbsp;v-if="index&nbsp;==&nbsp;1"&nbsp;type="button"&nbsp;v-on:click="alert()">&nbsp;<!--&nbsp;选定第二个才绑定&nbsp;--> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{&nbsp;index&nbsp;}}:&nbsp;{{&nbsp;item&nbsp;}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button&nbsp;v-else&nbsp;type="button"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{&nbsp;index&nbsp;}}:&nbsp;{{&nbsp;item&nbsp;}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button> &nbsp;&nbsp;&nbsp;&nbsp;</li> &nbsp;&nbsp;</ol>const&nbsp;data&nbsp;=&nbsp;["a",&nbsp;"b",&nbsp;"c",&nbsp;"d",&nbsp;"e"];const&nbsp;app&nbsp;=&nbsp;new&nbsp;Vue({&nbsp;&nbsp;el:&nbsp;'#app',&nbsp;&nbsp;data:&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;list:&nbsp;data &nbsp;&nbsp;},&nbsp;&nbsp;methods:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;alert()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('test'); &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;} });
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript