- 博客(18)
- 收藏
- 关注
RSS订阅原创 微信公众号H5项目中用高德地图实现用户定位（vue）
遇到的问题：用高德官网的方法去定位时发现，ios可以在http的网址定位，而安卓手机只能在https的网址定位，这个也是很奇葩，查了官网文档说，是因为浏览器禁止了非安全域的定位请求。但是我们的站点就是https的，总之就是定位不成功，但是没有解决不了的bug，最后成功定位的实现思路就是，利用公众号开发的api先拿到用户的地理位置，转化为高德的坐标，再添加一个marker来实现// 定位到用户当前位置 handleLocation() { var _this = this; .
2021-01-11 14:42:34
2433
1
原创 vue中使用高德地图根据搜索结果添加 marker（ 使用 PlaceSearch 进行关键字搜索）
需要注意的是搜索厕所时，传入search方法中的关键词必须加上具体位置，比如具体的景区‘故宫厕所’，才可以，不然就是整个市的厕所// 厕所 toiletSelect() { var placeSearch = new AMap.PlaceSearch({ // city 指定搜索所在城市，支持传入格式有：城市名、citycode和adcode city: '010', // 兴趣点城市 }); placeSearch.sear.
2020-12-25 20:43:05
1348
4
原创 vant之van-collapse无法默认展开某一项
name 唯一标识符，默认为索引值 number | string indexv-model 当前展开面板的 name 手风琴模式：number | string非手风琴模式：(number | string)[]但我在使用时 activeNames: [‘0’] 死活不管用，后来改[0]好了<div class="small-area-details" v-for="(listItem, listIndex) in goldAlbumList" :key="listIndex">..
2020-12-21 18:26:48
1620
原创 input相关
input 类型为number时出现右侧出现加减按钮解决：/* 谷歌 去掉input加减按钮 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0;} /* 火狐 */ input{ -moz-appearance:textfield;}去掉input的边框.
2020-11-19 11:25:40
149
原创 vue+elementui中导出excel表
需要安装俩个插件npm install --save xlsx file-saver<el-table :data="tableData" style="width: 100%"> <el-table-column prop="num" label="订单号" width="126"> <template slot-scope="scope"> <p class="f14 c6 single">{{ scope.row.num }.
2020-09-29 15:29:29
189
1
原创 elementui的el-autocomplete远程搜索组件如何回显结果
<el-autocomplete v-model="SName" :fetch-suggestions="querySearchAsync" :trigger-on-focus="false" @select="handleSelectScenic"></el-autocomplete>以上是组件标签，这里说明几个关键的参数：fetch-suggestions：返回输入建议的方法，仅当你的输入建议数据 resolve 时，通过调用 call
2020-09-27 09:19:43
4271
1
原创 input输入金额的限制
// 限制只保留小数点后一位数字 this.withdrawMoney = this.withdrawMoney.match(/^\d*(\.?\d{0,1})/g)[0]; // 限制只能输入一位小数点 this.withdrawMoney = this.withdrawMoney.match(/^\-?\d+\.?\d*$/);
2020-09-23 10:56:44
306
原创 H5微信公众号项目-未授权前不让用户看到项目页面
封装一个工具js文件，写授权的方法import store from '@/store'import axios from 'axios'//获取url参数function parse_url(url) { // console.log('参数==>', url) //定义函数 var pattern = /(\w+)=(\w+)/gi; //定义正则表达式 var parames = {}; //定义数组 url.replace(pattern,.
2020-09-22 15:43:58
835
原创 js获取url参数
// 方法一：// 获取第一个参数window.location.href.split('?')[1]// 方法二：// 获取全部参数，返回一个对象function parse_url(url) { // console.log('参数==>', url) //定义函数 var pattern = /(\w+)=(\w+)/gi; //定义正则表达式 var parames = {}; //定义数组 url.replace(pattern, func
2020-09-22 15:22:02
164
原创 vue动态切换本地图片不生效
:style="{backgroundImage: 'url(' + require('../../assets/img/' + payimg) +')'}"
2020-09-22 09:30:21
545
原创 H5公众号-canvas海报分享图+生成二维码
先npm install 安装这俩个插件，然后导入需要的页面中二维码：//第一步：引入：import Qrcode from "@xkeshi/vue-qrcode";// 第二步：注册：components: { qrcode: Qrcode //二维码的插件需要注册组件 },// 第三步：使用：<template> <qrcode :value="qrcodeUrl" style="width: 72px;height: 72px"></.
2020-09-17 15:54:04
1177
原创 H5公众号项目-全局自定义微信浏览器自带分享
在工具文件夹下新建一个js文件，用来封装时间分享的函数；一定要将页面地址发给接口，接口再返回appid等参数，后端不能越过前端直接拿到appid等参数，否则前端会报签名失败等错误var wx = require('weixin-js-sdk'); //引入微信jssdkimport vm from '../main'const weChat = { // 初始化条件，页面中调用这个方法，因为要先configå initWeXin(dataParams) { c.
2020-09-17 15:07:41
531
原创 did you register the component correctly? For recursive components, make sure to provide the “name“
使用组件时遇到这种组册失败问题的解决方式：先看画蓝色横线是哪个组件出错再看相关依赖是不是已经安装组件引入文件后是否用components声明调用组件<></> 是否都是小写
2020-08-17 23:07:40
320
原创 微信小程序中的canvas生成分享图片及保存到手机相册
微信小程序中生成图片并保存到本地的功能很普遍，但是由于第一次完全自己独立写，所以走了很多冤枉路，这里记录一下给需要帮助的人。先说下思路：1⃣️ 都知道canvas绘制图片是需要时间的，所以为了提高用户体检，我在一打开有分享按钮的页面就请求绘制图片需要的数据，开始绘制分享的图片2⃣️ 在用户点击分享按钮的时候（此时canvas已经绘制完毕）弹出一个代替canvas分享图的html，因为html更好控制样式3⃣️ 弹出以后，当用户点击保存时，调用微信提供的保存到相册的API完成保存✅有了思路开始写.
2020-05-13 12:08:36
1224
原创 vee-validate的使用
1.关于vee-validate配置中文2.vee-validate在项目中的使用main.js中// 全局配置import VeeValidate from 'vee-validate'import zh_CN from 'vee-validate/dist/locale/zh_CN' // 要安装中文包import VueI18n from 'vue-i18n' // 要安装...
2020-04-25 14:11:35
428
原创 公众号H5支付（JSAPI支付）
前几天公司要求做H5支付，所以在这里记录下，方便以后查看！首先要做H5支付必须先做网页授权，授权拿到openid之后才能调起微信内置的JSSDK完成支付（网页授权的准备工作这里就不说了，可以自行百度）1.网页授权部分（静默授权）思路：用户进入页面分2种情况，一种是第一次进入未授权过的用户，另一种是已授权过的用户。（用户同意网页授权会在路劲中有一个重要的code，可以用过这个参数进行判断...
2020-04-13 14:23:01
777
原创 uniapp微信小程序 - 一个页面多个分享button怎么区分（代码整理）
需要点击 ‘邀请好友’ 实现分享当前按钮的商品内容，而且商品内容是接口返回的，其实很简单，刚开始百度了一圈也没个头绪，所以就自己整理下，方便之后翻看设计图（需求）结构<view v-for="(item, magIndex) in avatarList" :key="id"> <button open-type="share" :id="magIndex">邀...
2019-12-20 17:35:16
1599
原创 uniapp微信小程序 - 一个页面多个倒计时（代码整理）
uniapp微信小程序 - 一个页面多个倒计时（代码整理）前几天公司新需求，需要在我们的小程序中添加拼团功能，写的过程中有有遇到写的很爽的地方，也有很头疼的功能，比如一个页面多个倒计时，这个小功能原以为不难，没想到居然让我研究了一整天才搞定，简直闹心，闲话少叙，下面贴代码设计图（需求）结构<view class="group-list" v-for="item in messa...
2019-12-19 14:00:54
2966
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人