- 博客(8)
- 收藏
- 关注
原创 分享一个复制即用的表格分页器组件
/每次点击分页按钮,当前页发生变化。pageSize: 10, //每一页显示的数据量 此处每页显示10条数据。currentPage: 1, //当前页 刷新后默认显示第一页。4.methods中定义分页器点击按钮切换页面。3.data中定义数据。OK,分页器效果实现。
2025-04-02 14:24:01
138
原创 Vue中使用qrcode生成二维码结合Popover气泡框,实现网址(链接)生成二维码悬浮展示,及二维码下载功能
注意点:二维码<canvas>标签的ref属性对应的值必须是唯一的,不能直接写 :ref='canvas',这样会有鼠标第一次移入二维码展示为空白内容的bug,因为此时生成的所有二维码的ref都是同一个值,因此我这里是将项目里后端返回的shortKey字段拼接上去给ref赋值,解决了这个问题。前段时间做项目遇到把链接生成二维码,并实现二维码下载的功能,实现过程记录一下,并分享给大家!实现功能如下,鼠标悬浮展示二维码,点击可以下载二维码。步骤3:鼠标移入悬浮展示及点击下载代码如下。步骤1.引入qrcode。
2024-07-05 11:50:42
345
原创 Vue前端获取后端文件流导出Excel
link.setAttribute('download', '号显管理短链查询结果表.xlsx');2.headers (携带token,看项目需要,我这里需要加上才能正常访问后端接口i)console.log('导出失败', error);最近项目上遇到前端获取后端传过来的文件流,导出Excel表格的问题,记录一下。1.responseType: 'blob',(指定类型参数一定要加)
2024-07-03 18:05:25
810
原创 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
445
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人