vue
文章平均质量分 57
chenyu-max
一个热爱前端的小菜菜
展开
-
vue鼠标悬停事件监听
前言开发框架为 vue2.x情景描述需求是这样的:页面在鼠标悬停(不动)n秒之后,页面进行相应的事件。比如在我的需求下,是鼠标悬停15秒之后,页面上三个数据弹窗轮询展示。解决方法我的思路中 涉及到了三个变量data(){ return { polling: null, timeCount: 0, judgeTimer: null, }}polling: 是 轮询的时候的一个计时器timeCount: 是 判断鼠标是否移动的一个控制变量jud原创 2022-05-16 11:56:55 · 12096 阅读 · 0 评论 -
uni-app 长按事件无法被页面滚动或滑动阻止问题解决
问题描述uni-app 中 长按事件使用的是 @longpress或者 @longtap需要触发该事件的 element 位于一个能够上下滚动的页面中长按的元素在长按期间有页面滚动或者页面滑动时不触发长按解决@longpress或者 @longtap这两个事件 的触发时间是在 350ms查阅了一些资料,发现无法更改这两个事件的 触发时间所以我们希望在长按触发前如果有页面滑动或者滚动时阻止长按触发有这么一个事件 @touchmove其功能描述如下手指触摸后移动解决代码<te原创 2021-12-03 16:11:29 · 2812 阅读 · 2 评论 -
关于vue在PC端,对不同屏幕进行适配,未使用媒体查询(大小的自适应)的问题(ant-design-vue,element-ui 均可使用)
前言 前端项目中,难免会遇到这种问题,你根据UI的设计图在本机搭建页面,显示比例或许会是正常的,但是你将页面缩放,或者说,你将页面移植到其他尺寸的屏幕中,显示的UI效果就会变形。 所以,我们需要对我们的项目进行多屏幕适配 以下是我个人在 vue 项目中的适配方法,亲测在 使用 ant-design-vue 和 element-ui 组件库时任然有效。 不过这个方法无法更改行间样式,例如 element-ui 的 form 组件 的 label 添加行间样式,此时,就无法通过下面的方法进行适配原创 2021-10-27 14:26:25 · 4110 阅读 · 2 评论