- 博客(58)
- 收藏
- 关注
RSS订阅
原创 vue菜单权限之el-cascader-panel自定义角色权限页面-平铺显示+输入模糊搜索+点击定位展开对应的项+全选功能
el-cascader-panel自定义角色权限页面-平铺显示+实现菜单+按钮区分显示+输入模糊搜索+点击定位展开对应的项
2024-07-13 19:17:02
956
原创 vue3中谷歌地图+外网申请-原生-实现地址输入搜索+点击地图获取地址回显 +获取国外的geoJson实现省市区级联选择
【代码】vue3中谷歌地图+外网申请-原生-实现地址输入搜索+点击地图获取地址回显。
2024-07-11 15:40:56
1022
原创 高德地图1.4.1版本使用AMap.Object3DLayer实现中国区域3D的Wall围墙高亮
【代码】高德1.4.1版本实现中国区域3D的Wall高亮。
2024-04-30 11:24:59
1197
1
原创 element-ui单个上传组件el-upload文件回显+el-table组件遍历上传+自定义文件列表+合并表格
单个上传组件el-upload文件回显+el-table组件遍历上传+自定义文件列表+合并表格
2024-01-15 09:49:29
2510
原创 vue-实现高德地图-省级行政区地块显示+悬浮显示+标签显示+省市级切换
【代码】vue-实现高德地图-省级行政区地块显示+悬浮显示+标签显示。
2023-12-15 17:57:57
2566
1
原创 vue-支付模块集成实现一套代码实现兼容pc/h5 -- 微信/支付宝--支付
场景：在手机浏览器中打开微信支付，支付宝支付，在网页版浏览器打开支付实现方法，一套代码实现兼容
2022-01-04 10:09:15
1496
原创 el-table实现双击编辑-el-select选择框+输入框限制非负两位小数
本文介绍了Vue.js中实现可编辑表格组件的关键代码。通过Element UI的el-table组件构建表格，支持双击单元格编辑功能，包含文本输入框和下拉选择框两种编辑方式。主要功能点包括：1) 双击单元格进入编辑状态；2) 失焦或修改后保存数据；3) 行删除确认功能；4) 自定义表格样式和必填项标记。特别优化了el-select的性能使用v-show指令，并提供了限制非负两位小数的数字输入方案。组件通过data管理表格数据、当前编辑状态和行索引，实现了完整的CRUD操作流程。
2025-08-29 17:08:04
289
原创 echart中x的0位置出现柱子宽度被裁掉一部分的问题
这段代码展示了ECharts柱状图的配置技巧，通过三个关键参数实现特殊效果：1) clip:false 禁用坐标系裁剪，确保柱子在边界外也能显示；2) barMinHeight:10 防止数值过小时柱子完全消失；3) 动态设置width，当值为'00:00'时让柱子占满宽度。配合渐变色和圆角样式，实现了美观的数据可视化效果，特别适合处理边缘数据和特殊值展示场景。
2025-08-16 09:39:20
151
原创 vue-el-upload上传组件自定义删除-预览按钮遮罩层，不受原有的上传打开文件夹
摘要：该代码实现了一个基于Element UI的文件上传组件，主要用于图片上传功能。支持JPG、PNG等常见图片格式，限制文件大小为3MB以内。通过computed属性动态控制上传按钮的禁用状态，当已有图片时禁止重复上传。组件包含图片预览和删除功能，使用@click.stop阻止事件冒泡。上传区域显示当前图片或加号图标，并提供操作提示信息。
2025-07-17 14:34:57
237
原创 vue2中el-upload实现上传图片，上传时限制图片尺寸，上传前进行裁剪图片尺寸并进行压缩图片
vue2中el-upload实现上传图片，上传时限制图片尺寸，上传前进行裁剪图片尺寸并进行压缩图片
2025-04-16 14:44:37
662
原创 vue2中el-table里面集成el-select多选框+上拉分页，实现实时刷新表格项
vue2中el-table里面集成el-select多选框+上拉分页，实现实时刷新表格项。
2025-04-14 09:47:06
251
原创 antd-tree的半选回显，不联动父类节点，非严格模式下也可以
在请求回来回显的接口时，取没有children的项，进行设置回显，在切换选中时，将半选的也设置上。在请求回来前设置 check-strictly 为true,请求完成后，设置为 false，
2024-10-08 15:50:59
520
原创 多个 el-checkbox-group 使用同一个变量传参联动回显
/ 可多选，A类：设备、工程、租金，B类：充电度数、服务费收入（只能二选一），选A类后就不能选B类。
2024-06-26 09:35:17
344
原创 jenkin出现打包错误-修改node版本
node-sass 和 node 的问题，你看看 package.json 里是不是有 node 依赖。看报错是 eslint-plugin-vue 中需要的 eslint 版本不一致。本地运行一下 npm ls eslint，看看 eslint 的版本。设置修改为项目需要的node版本就可以了。
2023-09-11 09:25:24
1096
原创 jenkin编译失败---JavaScript堆内存不足-查看解决
找不到任何要生成的修订。验证此作业的存储库和分支配置。无效的标记压缩接近堆限制分配失败-JavaScript堆内存不足。修改打包内存限制就好了！
2023-06-06 15:08:08
310
原创 flex布局下，overflow-x失效问题
问题现象不能自动横向滑动，overflow-x失效原因：flex-wrap:nowrap : 默认值，默认的子元素不会换行，如果装不下，会缩小子元素的大小，让它装下解决方法：子类设置 min-width: 18%; 最小宽度就可以了...
2022-05-05 09:50:42
1597
原创 将二进制流转换为下载至浏览器
```javascript/** * 将二进制流转换为下载至浏览器, * @param {Blob} blob blob对象 * @param {String} fileName 文件名称 */export const convertRes2BlobToFile = (blob, fileName) => { const mBlob = new Blob([blob]) const name = fileName if ('download' in document.crea.
2022-04-27 17:27:45
298
原创 URL上传对象数组的编码转化
const initDataJson = { "BW_DA_JYDJ.QKSM": JSON.stringify(QKSM), "BW_DA_JYDJ.FILELIST": JSON.stringify(FILELIST), }; const url = "/formdesigner-web/generateForm.html?initDataJson=" + JSON.stringify(initDataJso...
2022-04-13 09:37:10
628
原创 vue实现列表多选择
data数据 dataTypeList:[ { label:'数字', value:'TH' }, { label:'字符串', value:'ZDH' }, { label:'英文', value:'ZDDM' } ],html结构： <div.
2022-04-07 14:30:41
2194
原创 vue-引入外部字体TTF文件到select选择
新建font.css文件，添加ttf文件.font.css文件内容@font-face { font-family: 'ESRI_40'; src: url('./ESRI_40.TTF'); font-weight: normal; font-style: normal; }main.js 引入使用。设置字体的对应编码 compassList: [ { label: "O", .
2022-03-24 10:52:39
1045
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人