
vue
dengzeyuan
1033432257
展开
-
vue2 虚拟列表(优化版)
3.向下滚动加载下一条数据时候卡在计算阈值内,导致底部留白太大,通过至多加载固定窗口对应展示数据的数量给追加到原本的结尾索引,达到多渲染一屏窗口的数据。虚拟列表是优化长列表的一种手段,防止列表存在过多的dom元素导致页面卡顿(包扣移动端下拉到底加载下一页这种列表加载的dom元素多了一样会卡)。用来存放数据,并且让他随着滚动条一起动,达到视觉上的列表滚动。2.当窗口的resize事件触发一切数值都重新计算,让列表底部样式不出错,和滚动到底部不抖动。原创 2023-03-20 23:16:47 · 1069 阅读 · 0 评论 -
axios下载Excel到本地
axios下载二级制流形式的Excel文件。后台服务接口返回的Excel为二进制流,如下图所示:前台页面利用 axios下载Excel,处理方式如下代码所示://查询条件formInline: { saleName: "", doctorName: "", goodsName: "", startDate: "", endDate: ""} axios({ method: 'post', url: "/apr/test/原创 2020-06-28 14:25:46 · 921 阅读 · 1 评论 -
vue打包 element-icons.woff 和element-icons.ttf 字体文件路径错误,导致icon图标显示成小方块的问题。
出现打包后icon图标变成小方块的原因只有两个一。element-ui版本和element-ui/lib/theme-chalk/index.css版本不一致。解决办法:卸载已经有的element-uinpm uninstall element-ui然后在安装新的npm install element-ui二。打包后的element-icons.woff 和el...原创 2020-04-13 16:06:40 · 21047 阅读 · 4 评论 -
通过ali-oss在vue,微信小程序中上传文件/图片
在vue中一、安装npminstallali-oss--save二、引入importOSSfrom'ali-oss'三、实例化OSS:默认上传根路径为 bucket表示的目录let ossClient = new OSS({ region: "oss-cn-xxxxxxx", accessKeyId: "xxxxxxxxxxxxxx...原创 2020-03-24 20:13:40 · 1553 阅读 · 0 评论 -
vue-cli / vue-cli3 配置不同环境对应不同打包命令详解
废话不多说,直接跟着我的步骤走;vue-cli一、package.json因为我这边的Jenkins(测试环境)的脚本执行命令为 build(运维不给改)所以只好前端将build命令对应的环境修改为测试环境。...原创 2020-03-20 10:33:15 · 2924 阅读 · 7 评论