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