posts - 59,comments - 0,views - 34635

随笔分类 -  vue 的踩坑之路

坑填的多了,路就好走了
使用vue3-json-excel插件数据过长生成的数据变为科学计数法
摘要:存在的问题:借用vue3-json-excel插件导出的xls的tagID这一项数据过长出现科学技术法。 方法1. 网上给出的办法是将长数字转换为字符串。 我的数据tagID这个数据接口返回来的本就是字符串。 所以改方法不行🙅 方法2: 在vue3-json-excel插件的表头的tagID加转义 阅读全文
posted @ 2024-12-02 18:19 好久不见-库克 阅读(79) 评论(0) 推荐(0) 编辑
在pinia中使用SecureLS将数据加密后存储到localStorage中,获取的时候解密使用
摘要:第一步对 secure-ls 进行安装:npm install secure-ls 第二步: secure-ls 的引入:import SecureLS from "secure-ls"; 点击查看代码 import { ref } from "vue"; import { defineStore 阅读全文
posted @ 2024-11-29 16:56 好久不见-库克 阅读(74) 评论(0) 推荐(0) 编辑
vue 根据js的变量来设置css 里面的属性的属性值
摘要:1.通过动态绑定style,声明css变量"--fontColor",把变量”fontColor”赋给“--fontColor” 2.在css中使用 var函数 读取“--fontColor”变量 点击查看代码 <template> <div class="wen_style" :style="{ 阅读全文
posted @ 2023-11-25 21:11 好久不见-库克 阅读(389) 评论(0) 推荐(0) 编辑
锚点定位滚动之 scrollIntoView,定位的锚点内容被遮挡
摘要:问题描述: 点击‘蓝色’框里的内容,‘绿色’框里面的内容滚动到可试区域内,由于‘红色’搜索框的原因,’绿色‘要展示的可视区域被搜索框的内容遮挡。 原来的布局: 解决:让滚动区也以fixed做呈现,top值定为顶部区域的高度即可不被遮挡;给class="bottom" 的标签添加‘position:f 阅读全文
posted @ 2023-05-30 14:29 好久不见-库克 阅读(555) 评论(0) 推荐(0) 编辑
前端获取地址栏中某个字段的属性值
摘要:详情代码: 点击查看代码 getUrlParams(url,name){ let reg=new RegExp("(^|&)"+name+"=([^&]*)(&|$)","i") let r=url.split("?") if(r[1]){ r=r[1].match(reg) if(r!=null) 阅读全文
posted @ 2023-01-11 10:57 好久不见-库克 阅读(83) 评论(0) 推荐(0) 编辑
Edge 浏览器中导出文件的兼容处理
摘要:前提:项目中文件导出按钮的文件下载事件,在Edge浏览器上面下载很缓慢并且后端的接口返回的数据都已经返回完,但是前端的下载及其缓慢。这个时候,我并没有做Edge浏览器的兼容处理。 详见如下代码: 点击查看代码 // 下载blob文件 // @param data blob数据 // @param f 阅读全文
posted @ 2022-09-20 10:58 好久不见-库克 阅读(192) 评论(0) 推荐(0) 编辑
高德地图的经纬度的获取
摘要:1. 高德地图“JSAPI Loader”的引入 (1)按普通 JS 方式使用 Loader (2)按 NPM 方式使用 Loader(本文主要以这种方式进行使用的) 第一步:安装:npm i @amap/amap-jsapi-loader --save 第二步:使用 第三步:测试报错 报错官网的解 阅读全文
posted @ 2022-08-05 17:34 好久不见-库克 阅读(2200) 评论(0) 推荐(0) 编辑
vue获取滚动条的滚动距离
摘要:可以通过vue 里面的refs 来获取滚动距离 (1)注意点1. 在循环体外面的父级上面写ref属性。 (2)注意点2 路由的路径发生改变的时候对scrollTop 的高度进行初始化,你可以根据自己的需求进行初始化之外的其他处理。 (3)注意点3 ,写ref的标签的样式上面要有height 和ove 阅读全文
posted @ 2022-07-28 16:30 好久不见-库克 阅读(8387) 评论(0) 推荐(0) 编辑

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示