前言:在最近开发的一款移动端客户管理系统时,使用组件naive UI开发和 vue的点击事件click时在iOS系统上点击非常卡顿和缓慢,用户体验感非常差。在查阅多个资料加上测试之后,寻到了一个方法使操作流程起来。
1.FastClick:提升移动端点击性能的秘密武器
FastClick的目标在于消除在触屏设备上用户点击元素与页面响应之间通常存在的300毫秒延迟。这一延迟主要来源于浏览器的安全机制,以防止误触发双击事件。然而,对于追求即时反馈的现代应用来说,这无疑影响了交互体验的流畅性。
2.如何安装(vue3版本)
npm install fastclick --save
3.如何引入
在main.js 或者main.ts中写入这两行代码
import FastClick from 'fastclick';
FastClick(document.body)
4.打包重新运行,会发现点击事件不再缓慢卡顿,问题完美解决。