- 博客(75)
- 收藏
- 关注
原创 elementUI tree树形控件 根据数据动态设置禁用,全选时不可选中禁用数据
根据后端返回的数据禁用数据,将tree结构对应的数据设置为禁用状态,并且在点击全选后不可选中禁用数据。
2025-02-12 18:17:03
555
原创 d2-crud-plus 使用小技巧(九)—— 表格批量选中功能 动态控制,是否可以被勾选
表格批量选中时,有些数据不能被选中批量操作,希望动态控制,是否可以被勾选。
2025-01-23 15:55:35
178
原创 d2-crud-plus 使用小技巧(八)—— 分页旁边添加功能按钮(添加批量删除按钮)
在分页模块左边添加一个批量删除按钮,取消表格左上方的批量删除按钮。
2024-12-06 15:00:17
224
原创 elementUI input 禁止内容两端存在空格,或者是自动去除两端空格
项目中有需求:输入框中禁止内容两端存在空格,或者是自动去除两端空格。
2024-11-12 09:46:01
916
原创 d2-crud-plus 使用小技巧(七)—— 表单动态校验(跟进前置条件的值,校验其他的字段)
vue2 + elementUI + d2-crud-plus,文档中没有关于表单动态校验的内容,但需求是前置条件满足时,后面的字段需要校验必填,前置条件不满足,后面的字段不校验必填。
2024-11-04 15:19:26
363
原创 ElementUI el-tree 树组件 增加辅助线
项目需求给elementUI的el-tree添加辅助线,并且不能使用其他插件,没办法只能该样式了。
2024-09-27 12:02:03
764
原创 vue 项目打包更新后,界面未刷新时js与css资源加载404,监听资源文件404后自动重新加载页面。
希望可以监听到资源文件加载404时,刷新界面,解决打包后由于文件名的变化导致点击旧页面时 JS 和 CSS 文件出现 404 错误。使用方法下面方法来监听资源文件加载异常。
2024-09-27 10:45:57
502
原创 运行微信小程序报错:Bad attr data-event-opts with message
使用uniapp 编译,运行微信小程序环境时,报错 Bad attr data-event-opts with message。(这个错误报错原因很多,这里只解决一个)
2024-08-19 14:37:24
601
原创 vue +antvX6 (二)鼠标移入线时,标签(label)颜色设置
这一章主要讲vue +antvX6 鼠标移入线时,标签(label)颜色设置,需要看前置内容的的可以在下方链接中查看。
2024-08-07 11:55:06
1014
原创 uniapp scroll-view组件滚动时报错 [Intervention] Ignored attempt to cancel a touchmove event with cancelabl
使用scroll-view组件滚动时报错报错截图。
2024-07-23 16:57:56
426
原创 d2-crud-plus 使用小技巧(六)—— 表单下拉选择 行样式 溢出时显示异常优化
vue2 + elementUI + d2-crud-plus,数据类型为select时,行样式显示为tag样式,但是如果选择内容过长就会出现下面这种bug,显然用户体验不够友好。
2024-06-03 12:01:43
414
2
原创 d2-crud-plus 使用小技巧(五)—— 搜索时间(或下拉列表)后,点击X清除按钮后返回值为null,导致异常
使用vue2+elementUI+d2-crud-plus,时间组件自动清除按钮,点击清除按钮后对应的值被设置为null,原本应该是空数组([]),导致数据传到后端后报错。不仅适用于搜索,表单一样有效果。
2024-05-27 10:05:21
410
原创 vue 水印组件 水印在最上层,不影响按钮操作
最近项目需要加水印,但是加入的水印必须在最上层,不能影响水印下层的功能正常使用,通过查询找到了一个比较好的水印组件,并按需求优化,记录一下。
2024-05-24 10:22:00
556
原创 使用elementUI的form表单校验时,错误提示位置异常解决方法
最近在做项目时遇到一个问题,使用elementUI的Descriptions 描述列表与form表单校验时,遇到校验信息显示的位置不对,效果如图
2024-05-22 10:38:57
1323
原创 js 浏览器窗口只能开启一个,多开则关闭新开的窗口
vue2项目,业务需求不能多开浏览器窗口,多开会导致数据统计异常,要求多开时跳转指定静态界面。
2024-04-28 18:24:32
852
原创 vue +antvX6 根据节点与线,动态设置节点坐标生成流程图
vue2 + antvX6完成流程图,但只有节点与线,没有节点的坐标,需要根据节点的顺序显示流程图。
2024-04-22 15:23:06
1899
1
原创 JavaScrip 在主窗口打开浏览器子窗口时,监听子窗口开启与关闭,可在主窗口关闭子窗口
vue项目,需要打开浏览器子窗口,并且要监听子窗口的刷新与关闭,如果子窗口刷新,主窗口需要自动关闭子窗口。主窗口关闭子窗口一起关闭。
2024-04-17 12:04:42
332
原创 d2-crud-plus 使用小技巧(三)—— 新增(编辑)后不关闭弹窗,可以继续新增(编辑),在关闭弹窗时不提示
在使用d2-crud-plus框架中,后台维护人员觉得添加用户时添加成功后就关闭,但是有好多数据是不需要修改的,希望添加界面可以在添加成功后不关闭数据不刷新,可以继续添加数据。
2024-03-04 16:40:12
668
1
原创 d2-crud-plus 使用小技巧(二)—— 路由跳转查询
项目中要在a.vue界面点击表格中数据,携带参数跳转到b.vue界面,并进行查询。需要在d2-crud-plus框架下实现。
2024-03-04 15:34:52
740
原创 d2-crud-plus 使用小技巧(一)——新增与编辑时添加时间范围(可手动添加与删除),并且时间范围可设置多个,时间重叠校验。
在使用d2-crud-plus时,需要在新增与编辑时添加时间范围,并且时间范围可设置多个。需要一个添加按钮,点击后新增一个时间范围,新增的时间范围可删除。
2024-02-28 10:28:14
601
原创 elementUI 弹窗居中 并且tabs组件 tab-position=“left“时显示的样式优化
项目需要自定义字段,但是有个样式不太好实现,记录一下。
2024-02-27 14:47:48
1103
原创 进入网页后先输密码,密码(动态加密)正确在加载网页信息,否则不加载任何信息(F12也看不到数据)
内部人员测试使用的网页,权限有些大,不适用与客户,但是需要再客户电脑上调试使用。1.不输入密码前浏览器不能加载内容(F12也看不到任何信息)2.每30分钟刷新一次页面,刷新后重新输入密码3.密码为动态密码4.密码输入失败关闭当前浏览器
2024-02-21 15:05:44
635
原创 elementUI Tooltip换行
vue项目中使用elementUI,遇到表格内容太长,使用 tooltip 后只显示一行,显示不全。要求换行显示。
2024-01-29 09:17:01
1265
原创 checkbox点击内容不触发选中事件,子元素与父元素点击事件冲突
登录界面的是否通用隐私与协议,点击是checkbox进行勾选,但点击隐私时应该跳转界面,不触发勾选,这时子元素与父元素点击事件冲突。
2024-01-25 09:33:56
1245
原创 elementUI 时间段快捷选择及禁用(包含d2-crud-plus中使用)
vue项目elementUI,需求为时间范围搜索,带快捷键并且只能选择今天之前,90天内的时间。搜索今天为实时数据,不能使用时间段,只能单独搜索。
2024-01-24 11:40:24
878
原创 jssip挂断事件(ended),通话结束判断主叫挂断、被叫挂断还是系统挂断
项目中使用jssip,在被叫挂断电话时播放提示音:对方已挂断。显然在ended事件中加就可以,但是遇到个问题,当主叫挂断时也会播放,没办法找解决方法呗。
2024-01-24 10:32:18
1198
原创 js 粘贴功能
项目中需要使用粘贴功能,将已复制的内容粘贴到输入框中。(vue项目使用elementUI,该粘贴功能是浏览器自带功能,属于通用功能)
2024-01-23 18:03:21
675
原创 vue中 this.$router.go(-1) 失效,路由改变了,界面未刷新
在vue项目中使用this.$router.go(-1)返回上一页时,发现有时候该功能是正常的,有时候,路由改变了,但页面依旧停留在当前界面。
2023-12-25 16:35:44
3020
原创 vue elementUI el-form 数据无法赋值且不报错解决方法
vue项目中使用elementUI的el-form组件,里面有部分后端数据遍历的字段和部分确定的字段。
2023-12-25 16:26:16
1497
原创 vue 监听浏览器关闭或刷新事件
web项目中使用socket时,涉及到关闭刷新浏览器多次连接问题,其中一个解决方法是在关闭或刷新浏览器时,将连接断开。
2023-12-25 14:44:43
2576
原创 elementUI Checkbox 多选框互斥事件
1.多个标签2.标签数据由后端接口给出;3.可以多选标签;4.有两个标签为默认存在的标签:任意标签 和 无标签;5.这个两个默认标签为互斥标签,且存在这两个默认标签中任意一个标签时,其他标签不可选,如果其他标签已选中,清除选中的其他标签;6.这两个默认标签未选中时,其他标签可选。
2023-12-25 14:21:51
1950
1
原创 vue elementUI 标签中使用方法
最近vue项目中使用elementUI的table组件时,后端返回的表格数据不适合修改,编辑罗辑会直接拿去使用,但是后端返回的数据多为id,或者状态(0,1,2…对于用户来说不友好,希望在不改变数据的情况小将id或者状态显示正确的数据。通过在表格标签中使用方法,将对应的id与状态显示为用户需要的内容。
2023-11-01 10:57:04
745
原创 elementUI Pagination 分页指定最大页(page-count)
项目中遇到数据量大,查询的字段多,但用户主要使用的是最近的一些数据,1万条以后的数据一般不使用。用户查询时,页码越大,接口需要的时间越久,对用户与服务器都不友好。为解决该问题,前端分页最多100页(当然也可以自己设置),每页最多100条,这样就可以解决这个问题。
2023-10-24 15:18:53
2756
原创 elementUI Table 自定义表头 动态数据及插槽
项目需求是高度自定义列表界面,表格的表头由后端返回,并且用户可以自定义。而且需要根据用户自定义的表头,数据显示不同的样式。比如有些字段是标签,有些字段是id需要根据数据字典查询对应的name。
2023-10-24 11:22:27
6238
1
信号图标-六个图标-图标资源
2024-01-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人