- 博客(5)
- 收藏
- 关注
原创 使用 Leaflet 结合 Vue 3 实现任意经纬度框选及经纬度范围提取
绘制矩形:通过鼠标按下事件,开始绘制矩形区域,松开鼠标时确定边界,提取经纬度:框选结束后,提取矩形的起点和终点经纬度。
2024-10-15 14:34:02
604
原创 快速实现 Vue 3 图片上传和排序功能:结合 Element Plus 和 Sortable.js
本篇文章将介绍如何使用 Vue 3 和 Element Plus 实现图片上传与拖拽排序的功能。通过结合 Sortable.js 插件,用户可以方便地上传多张图片,并通过拖拽调整图片顺序,满足在实际项目中的常见需求。本文重点介绍了上传限制、拖拽排序的逻辑实现、以及如何动态更新图片列表,并提供了关键代码示例,帮助开发者快速掌握这项技术。
2024-10-15 11:39:32
809
原创 vue项目中引用printJS打印json表格,改变列宽及自定义表头
需要打印的表格printJS打印表格实现代码安装printjs并在所需vue页面引入(局部引入) npm install print-js --save import printJS from 'print-js'打印方法因表格数据多为json类型,type用‘json’,printable为json数据源,header内放头部展示的HTML,动态改变表头内数据用${}包裹就行。properties用来详细定义每列表格数据,需要进行封装处理的单项数据应在printJS.
2020-12-04 15:33:26
6414
10
原创 记清空el-form表单
由于表单弹框的编辑和新增用同一个,所以表单清空一直让我觉得很头痛,elementUI自己的表单清空方法resetField时而有用时而报错,逐项清空较为繁琐,在请教公司同事后,知道了一个新方法,非常好用哟```javascriptthis.shiftForm = this.$options.data().shiftForm // 置空表单,shiftForm是表单的数据对象 ...
2020-01-07 14:18:32
2632
原创 el-select获取选中项label值
elementUI下拉选择框,获取选中值的label向后端传递下拉框查询参数时,后端就是要用label,而非主键id,那就只能前端去找选中项的label值。获得下拉框数据后,用id作为value标识,如何在选中时获取label值呢?我目前只会查找比对整个列表,有没有更好一点的办法呀?目前实现的代码 <el-form-item label="部门名称" prop="dept_id"...
2020-01-07 11:28:55
20525
5
Element Plus 和 Vue 3 实现图片上传与拖拽排序组件
2024-10-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人