大图显示
文章平均质量分 54
冲动消费
这个作者很懒,什么都没留下…
展开
-
element图片预览添加下载图片功能.
大图预览element原创 2022-11-15 16:23:03 · 2527 阅读 · 1 评论 -
vue预览本地pdf文件.
预览pdf原创 2022-02-25 17:35:35 · 4166 阅读 · 4 评论 -
swiper大屏文件预览图片和视频,视频切换时暂停视频.
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录需求一、遇到问题?二、渲染图片和视频1.首先判断附件是否是视频文件和图片文件,如果不是就显示附件不支持预览2.html代码部分解决切换视频时候暂停的问题2.通过监听swipier的切换回调函数配合动态ref 来获取dom,并且判断dom是否是视频 如果是视频调用video的原生api 暂停视频需求要求做附件预览,可以预览图片文件和视频文件。一、遇到问题?视频文件一旦播放切换swiper轮播图到下一张,上一个的视频还是会保持原创 2021-11-03 11:58:38 · 1310 阅读 · 0 评论 -
高德地图加载报错-------禁止多种API加载方式混用
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、问题描述二、寻找问题二、解决方法总结前言最近在做一个打卡功能,需要用到地图组件.在引入地图的时候加载地图遇到问题.一、问题描述通过amap-jsapi-loader的方式渲染地图但是报错,禁止多种API加载方式混用.详情如下图二、寻找问题通过查找最后发现报错原因是因为,前辈的代码在public下通过cdn的方式引入了高德的js文件,导致渲染冲突.但是寻找了好久二、解决方法注释或者删掉index下引入原创 2021-07-23 10:48:17 · 14008 阅读 · 11 评论 -
网页移动端,查看大图功能.使用手机默认的返回方式(比如左划返回),回跳上一个路由的问题
1.由于大图是一个组件,没有单独给路由,所以调用手机的返回上一层实际上改变的是路由,就会回到上一个路由. 功能无法完成. 下面上gif展示图启用右划返回,直接返回到了首页.用户体验极差.2.解决方案是给路由添加一个默认的空记录,下面直接上代码和完成的样子图3.完美解决. 踩坑结束...原创 2021-05-17 17:35:44 · 245 阅读 · 3 评论