vue
文章平均质量分 53
请叫我盒饭
这个作者很懒,什么都没留下…
展开
-
微信中调用地图导航 可唤醒高德百度地图app(vue)
1.安装weixin-js-sdknpm i -S weixin-js-sdk2 获取微信授权 import wx from 'weixin-js-sdk' async created() { //签名的URL let sign_url = ""; if (window.__wxjs_is_wkwebview === true) { //如果当前设备是IOS sign_url = window.location.href.split("#")[0]; } else原创 2021-03-19 17:30:17 · 2109 阅读 · 1 评论 -
H5 百度高德地图导航
H5 实现高德 百度 地图导航 可唤醒app记住在引入高德地图<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=高德key&plugin=AMap.Driving&plugin=AMap.ToolBar"></script>//转百度坐标 changeBd(gg_lng, gg_lat) { var X_PI = (Math.PI *原创 2021-03-19 17:02:21 · 362 阅读 · 1 评论 -
vant 图片上传以及修改
<template> <div> <van-uploader v-model="fileList" multiple :max-count="6" /> <div @click="upimg"> <div>上传</div> </div> </div></template><script>import { batchUpload } from "@/api/htt原创 2021-01-26 18:13:53 · 1601 阅读 · 0 评论 -
vue微信支付
VUE H5 JsAPI微信支付 async pay() { let _this = this; //此处调后端接口查询到(appId,timeStamp,nonceStr,package,signType,paySign) let res = await payment(this.recordId);//recordId(自己项目中需要查询的id) if (res.code == 200) { let payD原创 2020-09-24 09:57:31 · 215 阅读 · 0 评论 -
element ui el-cascader实现三级联动
element ui el-cascader 实现三级联功能介绍: element ui el-cascader 用到属性懒加载 实现市 区 居委会 三级联动(接口查询市 选中后发送请求选择区 然后选择居委会)功能展示:废话不多说上代码: <el-cascader @change="logArea" v-model="area" id="all" :props="ganged" style="width:300px" size="原创 2020-08-25 14:32:14 · 1822 阅读 · 3 评论 -
H5 VUE实现手机签名功能
H5 VUE实现手机签名功能功能描述:利用canvas实现手机签名转化成图片( 包含重绘,由于手机全屏展示 所以还添加了图片翻转) 上传后台功能展示:这里是封装了一个小组件废话不多说上代码:<template> <div class="signature" @touchmove.prevent>//防止页面滚动 <div class="boardBox" ref="boardBox"> <canvas ref="board"原创 2020-08-25 11:31:39 · 3562 阅读 · 1 评论