- 博客(27)
- 收藏
- 关注
原创 el-cascader 多选模式下点击文字直接选中--css方法
elementplus 最新版本中 级联选择器不支持点击文本选中。但是 当我们把选择框扩大 让它覆盖整个容器 就可以实现。需求:点击当前城市所在行可以选中。
2024-08-06 18:04:22
201
原创 el-menu 左侧菜单导航栏定位(刷新及页面路由跳转时的定位)
需求:当左侧菜单栏内菜单项较多时,刷新页面时要求左侧菜单导航栏滚动到当前菜单项目位置;
2024-05-22 14:05:01
239
原创 Vue3+Typescript ElementPlus拦截多余请求报错提示
1.封装api-message:当存在api-message实例时,调用close() 关闭通知。2.封装request函数:在响应拦截器中 调用message。
2024-04-30 15:42:54
413
原创 u-swipe-action 解决在微信小程序(ios)中滑动过快导致按钮闪现问题—— 一行代码搞定!!!
这就导致在ios环境中,微信小程序会预渲染右侧的按钮icon,当我们滑动很快时,处理器反应不过来,就会出行闪现的情况。那么根据官方示例,可以看出 will-change 的默认配置为 auto。但是真机调试时发现,手机上滑时 右侧按钮会出现闪现的情况。需求:开发一个用户可以左滑删除的订单列表,如下图。根据官方demo,可以很快完成。(省流:解决方案在最后)组件库:uViePlus。
2024-04-28 11:42:00
459
3
原创 Vue3+Vite 自动检测线上环境 版本热更新
当用户停留在当前页面很久,此时页面升级更新。若用户不刷新,就会一直停留在当前旧版本的页面上。在utils文件夹下新建autoUpdate.ts。在首页home.vue中使用。
2024-04-22 11:27:01
509
原创 ElementPlus+vue3 动态合并单元格
需求:配置优惠活动优惠券包,一个活动可以配置一张或者多张优惠券。2. 获取需要合并的行和开始合并的位置,完成合并。1.调用接扣获取数据 将二维数组降维成一维数组。
2024-04-17 14:58:17
362
原创 Vue3+Ts 解决富文本编辑器潜在的XSS攻击
当我们使用v-html去解析 富文本 时,遇到script标签会自动解析并运行。例如:我们在富文本中插入一段字符串 "hello vue<img src="../qwe" onerror="alert(1)">"同理 ,若插入其他脚本,则可以悄无声息地获取页面中的各种信息。XSS攻击是一种利用Web应用程序中存在的漏洞,向用户的浏览器注入恶意脚本的攻击方式。二、解决方案2:使用html自带的清洗器:sanitize-html。一、解决方案1:使用 vue-dompurify-html 插件。
2024-01-04 15:09:52
2122
1
原创 Vue3+ts 实现移动端和pc端的多端路由——根据不同角色搭配不同路由
1.需求:要求项目支持pc端和h5端。支持不同角色登录看到的页面也完全不同。2.实现思路 : 根据功能创建路由实例。根据具体需求编写判断条件。3.2 每个功能都有独立的路由实例和路径。3.4 功能内的index.js。3.1 根据功能区分路由实例。
2023-12-13 17:24:11
672
1
原创 超详细的vue3+ts+dhtmlx甘特图免费版组件使用方法,支持事件内自定义和样式修改
这个组件比较古老,对vue的兼容性很不友好。2.创建Gantt.vue 组件。1.安装dhtmlx 甘特图。
2023-10-23 16:04:39
4792
4
原创 vue3+ts 使用XSwitch 实现简易拨打电话功能
2.初始化 verto,并在需要引入的组件中引入verto。5.综上,只需要点击一下外呼,即可打通你的第一个电话。这里举例在pendingTask.vue中引用。1.安装xswitch/rtc。协议 : websocket。3.根据文档 封装拨号函数。4.在组件中使用该方法。
2023-08-23 13:43:07
848
4
原创 vue3+ts 实现el-upload 可拖拽排序 (直接cv就能用)
逻辑方面:根据elementPlus 做一个“伪”上传组件,隐藏原有的el-upload。这样一来,draggable就可以操作包含在里面的“伪”上传组件了。1.按照vuedraggable。
2023-08-21 15:09:09
903
2
原创 vue3+ts 响应式 动态渲染 抽奖转盘
实现方法: Vue3生命周期+组件通信。响应式组件:Spinner.vue。需求:左边表格配置数据,右边渲染。
2023-08-08 18:02:12
268
原创 后端返回Excel文件文件流,前端如何解析下载
添加responseType: 'blob' 并且传参没有错误的状态下,应该会看到这个。如果不加 responseType: 'blob' ,你将会看到一个神奇且凌乱的画面。此处以post请求为例,需要将blob(二进制大对象)作为请求参数。1. 后端返回code不为0(即请求成功但业务失败,根据后端提示的错误修改即可)注意:虽然我们下载成功,但是打开excel表格的时候有可能会遇见这种情况。调试完成后就可以封装函数 下载excel文件了.直接上代码。4.当前接口未返回数据,excel为空表.
2023-05-29 14:16:42
1256
1
原创 vue3+ts 使用el-upload上传excel文件并自定义发送请求
【代码】vue3+ts 使用el-upload上传excel文件并自定义发送请求。
2023-05-24 14:42:08
1517
原创 el-menu 绑定路由:跳转到二级路由时保持一级菜单高亮
判断当前路由path是否包含el-menu router中的path。使用到字符串的match方法。并设置一个拥有高亮效果的类。但是这样设置有一个问题,当我们跳转到二级路由的时候,el-menu就会失去is-active类名,高亮效果也就随即消失。这里代码实现很简单,只需要使用深度选择器 找到el-menu上的is-active,修改相应的样式即可。需求:在当前菜单项进行操作时,保持一级菜单高亮。
2023-05-23 14:11:42
1045
原创 element-plus中el-menu选择二级菜单,一级菜单同时高亮(不需要在style删除scoped也能生效!!!)
【代码】element-plus中el-menu选择二级菜单,一级菜单同时高亮(不需要在style删除scoped也能生效!!!
2023-04-27 11:12:31
2588
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人