logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

swiper 组件实现 滑动到最后一个 slide 后,再次滑动触发跳转事件

该代码只测试了移动端 其他端原理应该相同技术栈swiper 6.xvue 2.xts思路借助 swiper 提供的 touch 事件当用户按下屏幕时,通过 touchStart 记录起始的位置通过 touchMove 不断更新坐标点,并判定是否到达可执行操作的临界点用户松手触发 touchEnd 事件,在这里面通过(方向,是否是最后一个,是否到达临界点)这些条件判断是否执行用户代码段核心代码/**

vue router 路由跳转获取不到参数

问题:路由传参一直不能获取到参数, 未出现报错原因:混淆 query 和 params 的使用方法, 在使用 params 传参时错误的使用了 path 方法代码:错误写法...this.$router.push({path: '/HealthDetectionChildNav',params: {title: item['name'],actionList: item['actionList']

vue h5 video 多视频无缝切换

思路页面中创建两个 video 标签在组件加载时同时加载两个视频资源(autoplay),暂时不播放的视频在 canplay 事件中调用暂停方法,使之实现预加载使用绝对定位将预加载的视频移出可视窗口第一个视频结束后,通过 ended 事件播放之前预加载的视频,同时将当前 src 切换为下一个需要播放的视频地址,完成缓存核心代码<video ref="video" :class="{'vide

#javascript
vue h5 video 多视频无缝切换

思路页面中创建两个 video 标签在组件加载时同时加载两个视频资源(autoplay),暂时不播放的视频在 canplay 事件中调用暂停方法,使之实现预加载使用绝对定位将预加载的视频移出可视窗口第一个视频结束后,通过 ended 事件播放之前预加载的视频,同时将当前 src 切换为下一个需要播放的视频地址,完成缓存核心代码<video ref="video" :class="{'vide

#javascript
到底了