富贵资源网 Design By www.hznty.com
：id绑定 :id="‘a_'+index"
输出的id为a_0，a_1。。。。。
<div v-for="(item,index) in list" :key="index" > <div :id="'a'+index" @click="b(index)">哈哈哈</div> </div>
然后在vue的实例中就可以拿到对应的id
b(index){
this.list.splice(index,1);
}
或
<div @click="open($event)" id="1">添加<div>
open(a){
console.log(a.currentTarget.id)//1
}
补充知识：Vue中怎么动态的去插入DOM节点呢？
问题描述：
排除数据的插入方式，假如存在两组数据，每两组为一个对象，那么如果要加载下一个对象时应该怎么去插入呢？
2017/09/14 昨天晚上在睡梦中，恍恍惚惚地想到了一个解决方法，其实也很简单，只不过之前一直没有细想。
解决方法：
1.之前通过artTemplate插件进行先渲染再插入的方式实现该需求。
2.而Vue则是数据更改之后再去渲染
3.那么既然这样那就把问题中的两组数据手动组装为一个数组，然后动态的插入，问题不就迎刃而解了吗
流程：假如存在A和B两个数组需要进行渲染
C = [
{
‘A': [],
‘B': []
}
]
组装为C数组，然后每次获取新的数据之后，动态地插入C数组，然后在DOM结构中循环渲染C数组，bingo！
以上这篇vue实现动态给id赋值,点击事件获取当前点击的元素的id操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。