没有合适的资源?快使用搜索试试~ 我知道了~
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
12 下载量 70 浏览量
2021-01-18
17:12:11
上传
评论
收藏 43KB PDF 举报
温馨提示
试读
1页
:id绑定 :id=”‘a_’+index” 输出的id为a_0,a_1。。。。。 <div v-for=(item,index) key=index> <div id='a' 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.currentTarge
资源推荐
资源详情
资源评论
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操作就是小编分享给大家的全部内容了,希望能给大家一个
参考,也希望大家多多支持软件开发网。
资源评论
weixin_38668274
- 粉丝: 2
- 资源: 938
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功