- 博客(13)
- 收藏
- 关注
原创 SM4国密加解密(记录)
背景:之前做的一个需求是上传视频或文件到oss上,但不知道为什么要我纯前端上传,accessKeyId、accessKeySecret这些都是在我本地写死的,后面受到了几次攻击,导致不能上传,为解决这一问题使用方案:从后端获取临时密钥以及token,中间有一部分解密步骤。1.安装 sm-crypto。
2024-09-27 11:06:28 178
原创 前端与后端配合实现文件预览(kkfileview)
背景:接到文件预览需求,需要支持pdf/doc/xlsx/ppt/txt ,最开始是前端进行预览,后面ppt预览遇到问题,所以就采用了前后端配合的方式,使用的是 kkfileview。1.创建一个 js-base64.min.js 文件,在使用页面引入。先贴上 kkfileview 链接。
2024-08-28 11:30:51 214
原创 循环list得到的dom,根据dom高度控制按钮是否显示(记录)
问题:这个时候,我是在onMounted里面调用的getIsShowBtn() ,但是这个时候我要拿到的dom 还没有挂载完毕,所以这个时候是没生效的,然后使用了延时,但使用延时正常使用是没问题的,不知道是否是巧合,当清除缓存时,这里获取到的dom 就不准确了,少了部分图片的高度,猜测这里是图片链接还没加载完成。解决:使用 ResizeObserver 来监听 dom 的变化,变化一次就调用一次 getIsShowBtn 这样拿到的就是最新的高度,继而就是准确的高度。
2024-08-08 13:38:56 214
原创 vue2和vue3一键复制功能(pc)(谨以记录)
原文链接:https://blog.csdn.net/qq_45585640/article/details/140007134。2.在Vue项目的入口文件(通常是main.js或者main.ts)中,引入并使用vue-clipboard插件。1.安装vue-clipboard插件。2.引入vue-clipboard插件。
2024-07-30 14:45:31 209
原创 element ui/plus 切换分页保留勾选
查看了各位大佬写的解决方法解决,ui和plus通用(看网上有些人说不同意,但事实证明通用,有可能是elemen内部做了调整)这里用到row-key定唯一字段和reserve-selection在type=selection勾选框栏(开启跨页记录)持续记录小tips中......
2024-07-17 13:27:37 244
原创 v-html解析换行标签(“\n“)失效
最近用到v-html解析后端返回给我的数据,数据中出现 "\n" 换行符不生效。解决方式:添加 style="white-space: pre-wrap;
2024-06-22 14:33:40 521
原创 记录elementui中table表头悬浮提示内容(谨记录)
来源:https://blog.csdn.net/love_weiai/article/details/127360739。在自定义表格中使用 :render-header’属性,值为定义的方法。需求:给table表头一个提示图标,鼠标悬浮展示内容提示。HelpHint为定义的外部组件。
2024-06-12 11:19:39 426
原创 elementui中的pagination中的current-page中的.sync不生效问题
问题:当在页面A中切换页面到非第一页时,点击文件夹进入文件夹页面,当前视频卡片页面的页数是第一页,这里有一个按钮,返回上一页按钮,当点击返回上一页时,回到A页面,此时A页面上的页面页数也应该是进入视频卡片页面之前的页面,比如进去之前pagenum=3,此时出来也应该是3,但此时的问题是:数据展示的是第三页的,但分页组件选中的页面确实第一页,使用current-page.sync也不生效。这里是把进去之前的页面的分页数据进行存储。下面更新了,但是页码没切换。然后total又异步获取了。导致下面的就没有渲染。
2024-04-16 13:03:50 544
原创 若以(rouyi)框架勾选缓存不生效
这是因为在用户登录时,该用户下的所有信息都存在路由中,接口返回,在处理数据的过程中后台会处理匹配的路由名称(获取菜单配置路由地址后首字母转大写 )所以需要给页面添加name,并且name要大写开头,否则会不生效。若以(ruoyi)框架中有缓存功能,在系统管理中的菜单管理里。谨以此纪录:若以(rouyi)框架勾选缓存不生效 问题。
2024-03-27 15:34:55 904
原创 导出excel 前端
在vue3+vite的项目中,使用xlsx,安装使用后控制台报错:SntaxError: The requested module ‘/node_modules/.vite/deps/xlsx.js?5、使用:直接使用 saveAs 进行导出, saveAs 中有两个参数,第一个是返回的 blob 文件,第二个是要导出的文件名。导出一些属性和方法,所以使用通过别名引入的方式引入【import * as 别名 from ‘xxx’】谨以此记录导出功能,使用的是 file-saver。来导出,而是直接使用。
2024-03-18 13:54:24 650
原创 今日问题:页面缓存,但数据需要更新
场景:当前列表页 有一堆搜索条件以及分页,当点进列表中某一条的详情的时候,需要进去详情页面,并可以操作,操作结果会在列表页体现出来,但由于此时是用的若以框架,具有缓存功能。此时调列表的接口,因为页面有缓存,缓存了搜索条件,以及分页等数据,所以就是页面缓存,数据更新,效果实现。谨以此记录,方便以后查看。
2024-03-16 11:56:15 579
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人