摘要：
最近项目（Vue）有个这样的需求： 根据id生成收款二维码（已经知道网址，需要拼接参数），用来提供给微信小程序扫码支付，并且可以下载二维码。 也就是说需要前端生成二维码，并且可以下载。 一、解决方案：使用qrcode实现。 二、实现步骤： 1、安装qrcode npm install qrcode 阅读全文
摘要：
之前分享了异步加载高德地图api的用法，现在记录一下vue-amap的用法。 vue-amap 是饿了么开源的一套基于 Vue 2.0 和高德地图的地图组件。 数据状态与地图状态单向绑定，开发者无需关心地图的具体操作。 官方文档：https://elemefe.github.io/vue-amap/ 阅读全文
摘要：
我们搭建项目最省事的方法就是利用vue-cli脚手架，vue-cli基于webpack工具链，不但整合了默认配置，还提供了简洁的接口，让我们在必要时调整配置，搭建适合自己业务的项目。此外，脚手架还可以帮我们创建目录结构，拉取依赖资源，生成demo页面等。 我们按步骤来： 1.安装vue-cli np 阅读全文
摘要：
最近写手机打开的h5页面时，有视频预览的需求，于是封装了一个小组件。 组件目录如下： 1.首先，showVideo.vue <template> <div class="video-box" v-if="videoFlag"> <span class="close-btn" @click="clos 阅读全文
摘要：
最近遇到一个比较难的问题，新增一个人员的信息，其中有部门的选择，因为部门有层级关系，使用的是级联选择器，且只保存了部门名称到数据库，在编辑人员信息的时候，需要回显选中部门。问题有点棘手，且每层结构一致，我选择用递归的方式实现。 部门结构如图，有一个根部门，其下有子部门，子部门下还有子部门： 问题有点 阅读全文
摘要：
1.安装qrcode 2.组件中引入qrcode 3.html代码 4.使用qrcode：调用QRCode.toDataURL(二维码扫描的url)方法，可生成所需要的二维码 阅读全文
摘要：
项目中用到了高德地图的API以及UI组件库，因为是直接把引入script写在index.html中，项目打包后运行在服务器，用浏览器访问加载第一次时会非常慢，主要原因是加载高德地图相关的js（近一分钟），用户体验非常不好。 于是在网上找了些资料，改成异步加载的方式。以下是实现方案： 1.首先定义一个 阅读全文
摘要：
为了更加直观，有些号码需要加空格： 字符串去中间空格： 字符串去首尾空格： 阅读全文
摘要：
为了防止机器操作自动提交，我们需要添加滑动校验。 实现代码如下： 1.子组件slider.vue <template> <div class="drag" ref="dragDiv"> <div class="drag_bg"></div> <div class="drag_text">{{conf 阅读全文
摘要：
1、安装ali-oss 2、demo 此例中使用到了ElementUI的el-upload组件。因为样式为自定义的 所以没有用element的自动上传的属性，这里配置根据项目需求，需要自定义，可以按照以下配置： http-request：覆盖默认的上传行为，可以自定义上传的实现； show-file 阅读全文