- 博客(7)
- 收藏
- 关注
原创 Vue中使用qrcode生成二维码结合Popover气泡框,实现网址(链接)生成二维码悬浮展示,及二维码下载功能
注意点:二维码<canvas>标签的ref属性对应的值必须是唯一的,不能直接写 :ref='canvas',这样会有鼠标第一次移入二维码展示为空白内容的bug,因为此时生成的所有二维码的ref都是同一个值,因此我这里是将项目里后端返回的shortKey字段拼接上去给ref赋值,解决了这个问题。前段时间做项目遇到把链接生成二维码,并实现二维码下载的功能,实现过程记录一下,并分享给大家!实现功能如下,鼠标悬浮展示二维码,点击可以下载二维码。步骤3:鼠标移入悬浮展示及点击下载代码如下。步骤1.引入qrcode。
2024-07-05 11:50:42 274
原创 Vue前端获取后端文件流导出Excel
link.setAttribute('download', '号显管理短链查询结果表.xlsx');2.headers (携带token,看项目需要,我这里需要加上才能正常访问后端接口i)console.log('导出失败', error);最近项目上遇到前端获取后端传过来的文件流,导出Excel表格的问题,记录一下。1.responseType: 'blob',(指定类型参数一定要加)
2024-07-03 18:05:25 713
原创 JS放大镜案例源码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...
2022-03-11 14:33:01 414
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人