其他分享
首页 > 其他分享> > vue给同一元素绑定单击click和双击事件dblclick,双击事件dblclick无效不触发解决办法

vue给同一元素绑定单击click和双击事件dblclick,双击事件dblclick无效不触发解决办法

作者:互联网

有时vue项目中无论是v-ondblclick;还是@dblclick ,有时会无效果。解决办法直接上代码自己看。

.native主要用于监听组件根元素的原生事件

 @dblclick.native= 可完美解决dblclick 有时无效问题

<div class="grid-content">
    <el-button 
    v-for="(item,index) in items" :key="index" 
   @click="storageCount(item.id)" 
   @dblclick.native="storageDetail(item.id)" 
    class="inline-cell" 
   :class="colors[item.status]">
           {{item.id}}</el-button>
 </div>

 

拾破烂的小跟班 发布了9 篇原创文章 · 获赞 4 · 访问量 6558 私信 关注

标签:解决办法,vue,有时,双击,dblclick,native
来源: https://blog.csdn.net/zzsjsp/article/details/104515782