vue实现动态给id赋值,点击事件获取当前点击的元素的id
操作
: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操作就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论