微信公众号获取用户 openid 及用户信息
本次开发主要是在公众号中访问服务器一个表单页面提交用户信息到后台。以下内容均来自于微信公众号官方文档，文档写的已经很详细了这里稍作记录，便于日后查阅微信公众号开发文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#2 大致流程如下 第一步：用户同...
el-form 表单校验规则封装
前言el-form 表单验证如果字段过多则需要写很多重复的语句显得非常冗余，如采用封装则只需对外暴露 vxRule() 方法即可，大大提高了开发效率，该工具类验证规则是可以自行拓展的，满足大部分开发需求 封装前：12345678910111213141516171819202122232425262728form_rules: { categoryId: [ { ...
在 vue 项目中使用 iconSvg
以前我的项目 Icon 都是使用 iconfont 来下载 SVG，然后在项目中使用这些 SVG 12345<img :scr=svgLogo />...<script>import svgLogo from '@/assets/svg/handsome.svg'</script> 代码现场手打，复制绝对报错。你想想每使用一个 svg...
鼠标拾取x y坐标绘制线功能记录
项目需求最近项目上有个需求是点击弹窗显示一张地图（图片），用户可以在地图上点击拾取当前坐标的 x y 并绘制成线，以达到在地图上做标注的功能，直接使用地图框架显得太重，于是要求手写一个 svg 画线功能，并将点击的 x y 坐标提交到后台用以回显 开始好在百度了一篇有个画线功能的 demo ,不过这个 demo 是 js 写的，还要改成 Vue 写法 第一版完全按照 demo 逻辑书写的，...
vue 路由配置（导航守卫 + 白名单）
Vue Router Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式，...
vue 非父子间传值：事件总线（$eventBus）
事件总线 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的“灾难”，因此才需要更完善的 Vuex 作为状态管理中心，将通知的概念上升到共享状态层次。 12345678910111213141...
el-table 中使用 switch 开关
需求说明 是根据后台返回 0(停用) 和 1(启用) 动态显示开关 对开关进行操作时请求后台，需要传两个参数：id，status 启用时传 1 停用时传 0 并携带 id ,当主机下面包含通道是则不能改变状态，并根据给出提示 套用1234567891011121314151617<el-table-column prop="status" label=&...
vue 配合后台实现 wd 文件导出功能
开始在 vue 框架中，与传统的根据路径下载文件 document.getElementById("").src='' 方式不同，有时候，我们会需要将上传的文件在后台直接进行处理再回传到前端，这种情况下文件没有实际的可获取的路径，无法通过链接方式下载。但是可以通过将其转成blob对象，添加到 iframe 标签中来模拟下载（或者pdf预览）。具体的接收方式...