Javascript 时间冒泡之事件代理

最新推荐文章于 2024-07-04 15:15:02 发布

灬ManongLai

最新推荐文章于 2024-07-04 15:15:02 发布

阅读量160

点赞数

分类专栏： Vue 文章标签：事件代理 Vue事件代理冒泡事件代理

本文链接：https://blog.csdn.net/qq_39453402/article/details/108260915

版权

Vue 专栏收录该内容

52 篇文章 2 订阅

订阅专栏

绑定时间与添加data

<div  @click="orderSelIndex">
      <div v-for="(list,index) in 6" :key="index"  :data-listIndex="index" >

js代码

orderSelIndex(event){
	// ES6的语法，用let声明一个变量
    let target=event.target||e.srcElement   
    //不断取父节点来替换target
    while(target.className!='suggestions-bomlist'){ 
    	target=target.parentNode?target.parentNode:''
  	}  
  	//最后执行逻辑
    this.selListIndex = target.dataset.listindex;
},