- 博客(9)
- 收藏
- 关注
原创 vue使用docx-preview实现在线预览编辑word文档根据选择联动改变word
在线预览word文档(oss在线地址转blob对象预览)根据选项或输入内容在线更改word对应的字段(包含多个匹配)每次更改跳转到第一个匹配的地方(居中显示并且高光显示)
2023-10-24 14:06:46
9014
20
原创 antd-vue/elementUi上传图片文件校验是否为空,解决不能直接使用 form-item validFeild校验、校验失败问题
上传组件的value值或者文件值写成了form.xxx,这是正常的input的校验流程,当是上传文件的input时会发现校验失效了,上传了文件提示还在
2023-02-23 15:26:07
1646
原创 vue实现多个进度条循环自增长动效,定时器实现自动变化的进度条组件
简单概述下实现效果,是一个排行榜多个进度条需要一个自增长的动效,通过循环进度条组件定时器实现自增长。
2023-02-22 14:43:17
1831
原创 Tree组件实现父子节点分离(父子节点自定义逻辑关联)【antd】实现Tree复选,数型数据递归处理
大概讲一下如何实现,首先在默认进入时保留一个选中的id集,然后在选择的时候比对本次与上一次的差异,向下查找该节点下所有子节点的id,然后向上查找所有父节点的id,判断本次操作是否勾选来决定子节点集是合并还是移除。项目中我们用的Tree组件一般都是父子节点关联的,但是产品提出了个需求,没办法使用组件自带的逻辑了,只能自定义逻辑进行管理选中节点。
2023-02-06 17:44:24
3613
4
原创 antd-vue时间选择框TimePicker,日期、时间的禁用校验,开始时间不能大于结束时间,结束时间不能小于开始时间
在我们使用时间选择框时,有时候会拆开分成单独的开始时间和结束时间,这样我们只能通过disabled时间来控制禁用时间,并且要满足开始时间和结束时间的互相限制。如果先选择了开始时间那么结束时间不能小于开始时间,如果先选择了结束时间那么开始时间不能大于结束时间。
2022-12-01 15:17:23
4691
1
原创 antd-vue Checkbox Group 封装实现多选、全选、搜索过滤组件
基于antd实现搜索,全选,多选功能,并且支持保存,重置,初始默认选中项。注意事项:我的列表格式是这样的所以需要注意的是checkbox上绑定的value要是code,不然group是找不到对应的值。checkbox-group v-model对应的是选中的arr,格式是[1, 2, 3, 4]这样的,所以保存时候要取交集。
2022-11-29 15:45:28
5674
5
原创 vue使用codemirror实现代码编辑器并嵌套iframe在右侧显示效果(实现复制、运行、刷新、下载功能)
vue使用codemirror实现代码编辑器并嵌套iframe在右侧显示效果(实现复制、运行、刷新、下载功能)
2022-01-14 15:19:16
2133
7
原创 js检测开发者工具是否被打开防调试使用devtools-detector插件
经测试在谷歌 火狐 ie9 微信浏览器 支付宝浏览器 safari opera都可以检测到开发者工具是否被打开,并且清空所有console.log。
2022-01-13 16:53:01
4182
12
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人