:id绑定 :id="‘a_'+index"
输出的id为a_0,a_1。。。。。
1
2
3
|
< div v-for = "(item,index) in list" :key = "index" > < div :id = "'a'+index" @ click = "b(index)" >哈哈哈</ div > </ div > |
然后在vue的实例中就可以拿到对应的id
1
2
3
|
b(index){ this .list.splice(index,1); } |
或
<div @click="open($event)" id="1">添加<div>
1
2
3
|
open(a){ console.log(a.currentTarget.id) //1 } |
补充知识:Vue中怎么动态的去插入DOM节点呢?
问题描述:
排除数据的插入方式,假如存在两组数据,每两组为一个对象,那么如果要加载下一个对象时应该怎么去插入呢?
2017/09/14 昨天晚上在睡梦中,恍恍惚惚地想到了一个解决方法,其实也很简单,只不过之前一直没有细想。
解决方法:
1.之前通过artTemplate插件进行先渲染再插入的方式实现该需求。
2.而Vue则是数据更改之后再去渲染
3.那么既然这样那就把问题中的两组数据手动组装为一个数组,然后动态的插入,问题不就迎刃而解了吗
流程:假如存在A和B两个数组需要进行渲染
1
2
3
4
5
6
|
C = [ { ‘A': [], ‘B': [] } ] |
组装为C数组,然后每次获取新的数据之后,动态地插入C数组,然后在DOM结构中循环渲染C数组,bingo!
以上这篇vue实现动态给id赋值,点击事件获取当前点击的元素的id操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持服务器之家。
原文链接:https://blog.csdn.net/D_Z_Yong/article/details/99635282