微信公众号获取用户 OpenId 及用户信息

本次开发主要是在公众号中访问服务器一个表单页面提交用户信息到后台。以下内容均来自于微信公众号官方文档,文档写的已经很详细了这里稍作记录,便于日后查阅微信公众号开发文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#2 大致流程如下 第一步:用户同...

发布于 Vue

高德地图JsApi轨迹巡航

本次场景需求是查询历史数据返回一组经纬度和相关数据在地图中使用轨迹巡航API巡航,期间的文本框每经过一个坐标其数值就会改变,文章末尾有demo文件,需要自取。 效果图 Data展开详情1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556...

发布于 Vue

高德地图 JsApi 绘制折线功能

本 DEMO 使用高德最新JS API 2.0版本,使用 NPM 方式使用 Loader 安装1yarn add @amap/amap-jsapi-loader --save 加载高德地图123456789101112131415import AMapLoader from '@amap/amap-jsapi-loader';AMapLoader.load( ...

发布于 Vue

el-form 表单校验规则封装

前言el-form 表单验证如果字段过多则需要写很多重复的语句显得非常冗余,如采用封装则只需对外暴露 vxRule() 方法即可,大大提高了开发效率,该工具类验证规则是可以自行拓展的,满足大部分开发需求 封装前:12345678910111213141516171819202122232425262728form_rules: { categoryId: [ { ...

发布于 Vue

el-from 表单组件封装

缘由公司后台管理表单页过多,且大部分都是普通 input select 框,重复度过高,为了避免无用劳动则对 from 进行封装 ElFormPlus组件123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646...

发布于 Vue

在 vue 项目中使用 iconSvg

以前我的项目 Icon 都是使用 iconfont 来下载 SVG,然后在项目中使用这些 SVG 12345<img :scr=svgLogo />...<script>import svgLogo from '@/assets/svg/handsome.svg'</script> 代码现场手打,复制绝对报错。你想想每使用一个 svg...

发布于 Vue

鼠标拾取x y坐标绘制线功能记录

项目需求最近项目上有个需求是点击弹窗显示一张地图(图片),用户可以在地图上点击拾取当前坐标的 x y 并绘制成线,以达到在地图上做标注的功能,直接使用地图框架显得太重,于是要求手写一个 svg 画线功能,并将点击的 x y 坐标提交到后台用以回显 开始好在百度了一篇有个画线功能的 demo ,不过这个 demo 是 js 写的,还要改成 Vue 写法 第一版完全按照 demo 逻辑书写的,...

发布于 Vue

Vue 路由配置(导航守卫 + 白名单)

Vue Router Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式,...

发布于 Vue

Vue 非父子间传值:事件总线($eventBus)

事件总线 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的“灾难”,因此才需要更完善的 Vuex 作为状态管理中心,将通知的概念上升到共享状态层次。 12345678910111213141...

发布于 Vue

el-table 中使用 switch 开关

需求说明 是根据后台返回 0(停用) 和 1(启用) 动态显示开关 对开关进行操作时请求后台,需要传两个参数:id,status 启用时传 1 停用时传 0 并携带 id ,当主机下面包含通道是则不能改变状态,并根据给出提示 套用1234567891011121314151617<el-table-column prop="status" label=&...

发布于 Vue

本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

本站由 @xiangshu 创建,使用 Stellar 作为主题。