随笔分类 - vue
摘要：Hello，大家好，我是小编鹏仔，近几年开发项目中，经常用到将网页生成海报图片功能，每次使用都要去查找复制一下的，比较麻烦还费时间，还是自己整理到自己的博客方便，那么本次鹏仔就给大家整理一下vue使用html2canvas插件将网页生成图片吧！ 如上图所示功能是开发了一个电子签名触屏版，右上角框框是
阅读全文
摘要：鹏仔很久之前的VUE项目中，要实现点击分享时，要有点击复制分享链接功能，鹏仔就使用了vue2中“vue-clipboard2”这个插件，也是很简单方便，本次分享给大家。 第一步，我们先安装依赖 npm install vue-clipboard2 第二步，我们去main.js中引入 // 复制插件
阅读全文
摘要：Hello，大家好，我是小编鹏仔，鹏仔一直觉得VUE在H5端路由跳转时交互特别丑，一直想写成那种点击滑动切换类的效果，趁着这两天工作不是很忙就网上搜了下，最终在多个搜索结果中选择了一种方式实现，效果如下图所示，点击路由跳转时是页面是滑动切换。 逻辑其实还是很简单的，就是监听在路由切换时加css效果即
阅读全文
摘要：今天鹏仔项目中使用elementui做一个批量上传附件时，遇到了以下问题，那么顺便分享一下解决方案。 问题 通过elementui的 :before-upload="beforeAvatarUpload" （上传文件之前的钩子） beforeAvatarUpload(file) { const is
阅读全文
摘要：好久没有搞过将vue项目打包成app了，这两天刚好项目需要将vue开发的H5项目打包成APP，那就简单记录一次呗（之前也写过一篇打包app，是将项目使用hbuilder打开，转为webapp什么的，就可以直接打包了，现在不一样了，现在使用HBuilderX还是有些区别）。 第一步：我们将vue项目使
阅读全文
摘要：上次做了一个选择多个数据生成多个二维码并下载，当时项目催的紧，就简单写了个循环生成二维码下载，一次性会下载很多文件，特别难整理； 刚好这次项目又遇到类似这种功能，需要一次性批量下载多个文件，那么就安排下打包下载吧！ 需要用到的是file-saver、jszip两个插件 首先，我们安装这两个插件，在控
阅读全文
摘要：这周开会又新增一个小功能，就是需要通过身份证号/手机号在地图查询（后台返回经纬度），标记位置，想着挺麻烦，做的时候发现没啥技术，分享给大家。 <map class="map" :longitude="longitude" :latitude="latitude" scale="16" :marker
阅读全文
摘要：近期项目需要实现在后台管理添加一个大屏统计页面，大屏弹窗用到elementui的 对话框、选择器等ui插件，因为默认的elementui的样式与大屏样式格格不入，所以我需要强制修改他的样式，那么我就想着给当前组建的body添加一个独一无二的类名，再直接强制修改类名下的elementui样式。 首先我
阅读全文
摘要：项目中，需要实现获取当前位置的经纬度，或者搜索某个位置并获取经纬度信息，我使用的的是vue，地图使用的是百度地图。 默认自动获取当前位置经纬度 拖动小红标 获取经纬度 关键词 查询获取经纬度 前期准备 首先，我们需要取百度官方申请一个地图api秘钥，登录百度帐号 进入后在应用管理，我的应用去申请即可
阅读全文
摘要：最近鹏仔刚接触uniapp，项目使用uniapp开发微信小程序，需要实现一个长按时进行语音录制，限制录制时间最大为60秒，录制完成后，可点击播放，播放时再次点击停止播放，录制完成长按实现删除功能，删除后又可重新录制（如上图所示）。 视频演示 【共享博客】uniapp小程序实现录音 uniapp小程序
阅读全文
摘要：vue项目中，附件上传一直是让上传的图片，jpg、png、bmp等格式的图片，进行预览随便用个图片预览插件就可以了，可是前段时间，客户需要让上传pdf、word并实现预览。 哎…就这H5项目，手机上传pdf、word文件，我想说前提你能找到对应文件不？？？ 上传倒没啥，和图片一样，我最多就是上传再加
阅读全文
摘要：上篇文章说了最近开发H5可视化编辑器，生成的H5需要嵌套在原生APP中，那么必然需要调用原生app的事件或者app调用我H5的事件。 因为，H5首页内容可能会添加的丰富比较多，需求怕一次请求加载慢，所以让搞了分页，无限滚动加载，但是app把H5的滚动禁掉了，所以H5无法获取滚动事件，只能是app到底
阅读全文
摘要：最近用VUE开发的财务系统，牵扯了很多金额，金额几千上万，数字不好区分，需求需要实现金额三位一隔，每三位用逗号或者其他符号隔开，那么安排一下。 // 金额三位间隔 export const interval = (key) => { key += ''; let x = key.split('.')
阅读全文
摘要：这两天想着给网站写一个H5app玩玩，文章列表页想实现是否为当天发的文章，如果是当天那么显示一个NEW标识，后台返回的是发帖时的时间戳，我需要判断这个时间戳是否为当天时间即可。 vue中直接在标签中判断如下（item.PostTime为发帖时间戳） <img class="new" src="@/a
阅读全文
摘要：经常用到，所以记录一下，刷新方法很多，用过这三个，所以只记录这三个，后面遇到在更新。 第一种 this.$router.go(0); 第二种 location.href = "javascript:history.go(0);"; 第三种 window.location.reload(); 第一种和
阅读全文
摘要：vue 移动端实现手写签名效果，功能很完美，保存时保存为base64格式。 base64转file文件格式 vue中将base64转file文件格式 刚好项目用到此功能，就网上找了一下，清理了无用代码，简单方便，因为项目中多个地方需要使用，所以我将它整理为组件，通过ref和传值控制，下面代码我单独整
阅读全文
摘要：H5移动端看一些接口返回的参数，或者console打印的参数之类，没办法直接查看，用电脑f12切换移动端测试没有真机测试准确，所以使用Vconsole特别方便。 安装麻烦，所以引入第三方cdn简单快捷。 下面是bootcss提供的cdn外链 <script type="text/javascript
阅读全文
摘要：vue中如何点击返回上一页，vue判断没有上页返回首页 vue中返回上一页 // 返回 returnBtn(){ this.$router.go(-1); }, 返回上一页，先判断是否有上一页，没有则返回指定页面 // 返回 returnBtn(){ if (window.history.lengt
阅读全文
摘要：苹果手机new Date()时候的坑 最近开发H5小游戏，有一个游戏活动倒计时，后端给我返回的活动结束时间为（2021-01-13 12:00:00）这种格式，我需要获取当前本地时间，用活动结束时间减去当前时间，那么我得先转为时间戳，我先将后端返回的时间通过 new Date("2021-01-13
阅读全文
摘要：项目中，实现调用摄像头拍照，进行人脸识别，需要传给后端，拍照后我转的格式是base64，需要给后端传file文件格式，安排 vue中，自行在assets新建js，封装如下，复制粘贴进去即可 /** * dataurl: base64 * filename: 设置文件名称 */ export cons
阅读全文
