vue @click @tap重叠事件区分方式
作者：车家大少爷 发布时间：2024-05-10 14:10:04
标签：@click,@tap,重叠,事件
@click @tap重叠事件区分
点击remove事件会触发details事件,使用@click.stop
官方介绍
<ul>
?? ?<li v-for="item in data.list" :key="item.id" @click="details(item)">
?? ??? ?<font @click.stop="edit(item)">编辑</font>
?? ??? ?<font @click.stop="remove(item)">删除</font>
?? ?</li>
</ul>
<ul>
?? ?<li v-for="item in data.list" :key="item.id" @tap="details(item)">
?? ??? ?<font @tap.stop="edit(item)">编辑</font>
?? ??? ?<font @tap.stop="remove(item)">删除</font>
?? ?</li>
</ul>
click和tap事件的区别
click事件
click事件是pc端的单机事件，但是当这个事件在移动端实现的时候，会出现延迟300ms的现象，所以移动端一般用tap来代替click。
tap事件
tap可以减少click在移动端的延迟，提高了性能。
点透问题
在同一个z轴上，z-index不同的两个元素，上面的元素是一个绑定了tap事件的，下面是一个a标签，一旦tap触发，这个元素就会display: none，而从上面的tap可以看出，有touchstart、touchend，所以会300ms之后触发click事件，而z-index已经消失了，所以，触发了下面的a的click事件，注意： 我们认为a标签默认是绑定了click事件的。而这种现象不是我们所期待的。
使用fastclick来解决移动端输入框聚焦不灵敏问题
在移动端，输入框可能会出现点击后无法输入，需要长按或者连续点击才能获得输入框的聚焦，这时候可以使用fastclick来解决这个问题。
来源：https://blog.csdn.net/qq_39816586/article/details/88567501
0
投稿猜你喜欢
- 在深度学习中训练模型的过程中读取图片数据，如果将图片数据全部读入内存是不现实的，所以有必要使用生成器来读取数据。通过列表生成式，我们可以直接
但我觉得这个功能用来设置备份服务器或测试服务器也很有用，在一台机上发布服务，可以在其它机子的SQL里订阅，根据你的发布的条件不同，可以做成定- 目录项目地址：前言使用方式主要代码blive_record.pyconfig.py(配置文件)项目地址：https://github.com
- 还是用图说话A文件：比如，我想筛选出“设计井别”、“投产井别”、“目前井别”三列数据都为11的数据，结果如下：当然，这里的筛选条件可以根据用
- 本文实例为大家分享了python3实现简单飞机大战的具体代码，供大家参考，具体内容如下游戏分为两个部分：1.主程序 2.游戏工具主程序实现：
- gRPC是Google发起的一个开源RPC框架，使用HTTP/2传输协议，使用Protocol Buffers编码协议，相比RESTful框
- 您可以将SQL Server 数据库引擎升级到 SQL Server 2008。SQL Server 安装程序只需最少的用户干预就可升级 S
- SQL Server发展至今，关于日期的格式的控制方法，有传统的方法，比如CONVERT()，也有比较便利的新方法，比如FORMAT()；同
- 参考文章ubuntu源码安装python3linux 编译安装python3.6的教程详解准备工作安装工具sudo apt updatesu
- 前言正则表达式是对字符串提取的一套规则，我们把这个规则用正则里面的特定语法表达出来，去匹配满足这个规则的字符串。正则表达式具有通用型，不仅p
- 1. timeit.timeit(stmt=‘pass', setup=‘pass', timer=<default
- 如下所示：import numpy as np arr = [1,2,3,4,5,6]#求均值arr_mean = np.mean(arr)
- np.newaxis 新增一个轴 如何将数组[0,1,2]转换成列向量用ndarray[: , np.newaxis]代码实质就是将原本的(
- 本文实例讲述了JavaScript中String.prototype用法。分享给大家供大家参考。具体如下：// 返回字符的长度，一个中文算2
- 本文主要解决两个问题，第一个，在element-ui中，直接设置参数排序，达不到预期效果，预期是按照数字的大小进行排序；第二个，想对表格中某
- 使用WebDriver在Chrome浏览器上进行测试时，需要从http://chromedriver.storage.googleapis.
- 1.实现效果2.实现原理echarts官网：series-lines注意：流动特效只支持非平滑曲线（smooth：false）series-
- 实例代码：import tkinter as tk import tkinter.filedialogimport cv2def choos
- 数学模块import mathceil -- 上取整对一个数向上取整（进一法），取相邻最近的两个整数的最大值。import mathres
- 如下所示：from splinter.browser import Browserb = Browser('chrome')
