- 博客(3)
- 收藏
- 关注
RSS订阅原创 解决Uniapp的swiper轮播图内嵌视频无法跟随和偏移问题
在Uniapp中实现视频轮播时，遇到视频悬浮不跟随轮播图移动的问题。通过使用v-if销毁和重建视频组件，发现视频播放位置偏移。进一步分析发现，轮播图移动时组件位置变化导致视频偏移。最终利用swiper组件的@animationfinish事件，在轮播图停止移动后重建视频组件，解决了视频偏移问题。解决方案包括：通过@change事件判断当前播放类型，@animationfinish事件刷新视频组件，v-if控制视频组件重建，并根据播放类型调整轮播图滚动和视频播放状态。
2025-05-11 14:42:22
848
原创 轻松Docker+Nginx 部署Vue前端项目
通过dockfile创建镜像,再通过镜像创建并运行容器,再修改nginx配置文件,即可轻松部署vue项目
2024-03-01 19:21:21
752
1
原创 Uniapp踩坑 -- $ref无法使用,如何手动获取input焦点
经过网络搜索,没有找到什么简单实现的方法,无奈只能把自动变成手动data()里在失去焦点的时候,将focusState设为false,在需要获取的的时候再设为true== 0 &&!if (!})最终实现获取焦点1. uniapp 的内置组件不能使用$ref2. uniapp 不能使用document。
2023-07-31 17:32:17
5717
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人