- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue2移动端使用vue-qrcode-reader实现扫一扫功能
【代码】vue2移动端使用vue-qrcode-reader实现扫一扫功能。
2024-07-24 16:21:45
1461
2
原创 ElementUI日期时间选择器组件在移动端点击input框弹出虚拟键盘
使用ElementUI官方文档提供的方法, 在el-date-picker属性中添加:editable=“false” 此方法只能使 input1 框阻止输入法弹出 , 无法阻止点击内部两个input框时输入法弹出。使用document.activeElement.blur()方法 , 去掉input框获得的焦点 在el-date-picker属性中添加@focus = ‘forbid’在移动端使用时，点击如下图所示三个输入框会弹出虚拟键盘。
2024-04-30 12:54:09
726
原创 基于vue2+js+nginx实现离线高德地图
链接: https://pan.baidu.com/s/161VFLEJAMkMBKYcZi0ymRQ?uzm1 复制这段内容后打开百度网盘手机App，操作更方便哦。使用软件MapDownloader。的全部核心能力请前往。
2024-04-11 13:58:42
1641
原创 nginx搭建流媒体服务器（rtmp、flv、hls）
具体实现播放步骤参考：https://blog.youkuaiyun.com/weixin_43883951/article/details/131065700?
2024-03-28 10:55:05
2385
原创 echart图--x轴、y轴数据对应映射
实际上来说，Mon 对应的y轴数据为0 此刻y轴数据应该是Tue的数据。造成这样的原因是因为x轴和y轴数据没有做映射关系。（1）在后台将 没有数据的 x轴的点 赋值为0 ，然后再传到前端。但比较麻烦，需要对照查看每个点是否有数据。b.利用echart的series的属性，直接把 x轴的数据 和 y轴数据 都放在series的data中。a.固定好x轴数据。将所有x轴点放到一个数组里，进行过滤排序。
2023-08-11 09:34:16
1160
原创 基于Vue2.0和高德地图的地图组件实例
vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库。申请高德地图账号和key。
2023-07-20 14:18:27
1847
原创 vue同时请求多个接口，接口请求完成后在处理下一个方法（Promise.all用法）
Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。
2023-03-30 17:21:14
6255
原创 封装element表单（form）自定义数据校验
项目中经常用到element表单(form)校验，将其独立做成一个工具方法，可减少工作量、方便统一管理以及日后维护。
2023-03-10 14:01:50
1296
原创 echarts数据区域缩放（拉选框、鼠标滚轮、滚动条）
echarts图表上的数据很多时，想要查看部分区域的数据状态，可以通过数据区域缩放来实现，并获取缩放后当前x轴的起始点
2023-02-03 10:23:36
3160
原创 js 导出txt文件、blob流视频下载，window.open预览、打开、下载base64图片、pdf、文件
【代码】js 导出txt文件、blob流视频下载，window.open预览、打开、下载base64图片、pdf、文件。
2022-12-08 15:30:36
3857
原创 element-ui 解决table里包含表单验证
实际项目中的场景，需要在table里做表单验证，如下图所示其实问题关键就在于如何给el-form-item动态绑定prop :prop="'phones.' + scope.$index + '.字段名'"<el-form :model="dataForm" ref="dataForm" :rules="rules"> <el-table :data="dataForm.phones" border stripe :index="true" ref="d
2022-01-11 16:48:45
2920
2
原创 element组件 Table表格实现某条件下复选框无法勾选
需求：实现el-table存在复选框，但在启用条件下无法勾选。代码如下：<el-table :data="dataList" ref="multipleTable" :row-class-name="tableRowClassName" :row-key="getRowKey" @selection-change="selectionChangeHandle" @sort-change="sortChangeHandle"> <el-table-column f
2022-01-08 10:31:59
2312
原创 element组件 解决DateTimePicker + vue 弹出框只显示小时和“至”字处理
需求：选择时间为时间段，且只显示年月日时代码如下：<el-date-picker class="box" v-model="dataForm.talkTmList" type="datetimerange" format="yyyy-MM-dd HH" value-format="yyyy-MM-dd HH" placeholder="日期" range-separator="至" start-placeholder="开始时间" style="width:100%" popper
2022-01-08 10:14:31
2180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人