- 博客(23)
- 资源 (1)
- 收藏
- 关注
原创 微信请求的封装 各种状态的处理
http请求的封装function request(url, method, data, slient) { return new Promise((resolve, reject) => { // 如果不希望出现加载中提示框,使用将slient修改为true let loadingClose = slient ? () => {} : loading.loadingOpen(); uni.request({ url: uni.baseUrl + url, meth
2021-09-28 11:43:10
109
原创 axios请求头加上token
import axios from 'axios';const service = axios.create({ // process.env.NODE_ENV === 'development' 来判断是否开发环境 // easy-mock服务挂了,暂时不使用了 // baseURL: 'https://www.easy-mock.com/mock/592501a391470c0ac1fab128',});//拦截axios 请求 是否有存储token 有的话 设置axi.
2020-09-18 15:21:40
1273
1
原创 vue-router 简单的权限处理
//使用钩子函数对路由进行权限跳转router.beforeEach((to, form, next) => {//得到用户信息 let role if(Vue.$cookies.get("#####")){ role = Vue.$cookies.get("#####") } //没有信息 并且跳转的页面不是登录 或者注册页面 ,强制跳转登录页面 if (!role && (to.path !== '/login' && to.path
2020-08-04 16:45:21
254
原创 微信小程序图片缓存问题
微信小程序的图片有缓存导致图片改变了但是小程序的图片并没有发生变化在图片的后面加上时间戳类似 test.jpg+’?temp=15464156’就可以解决问题
2020-07-02 15:53:34
1323
原创 uni 微信小程序 使用腾讯地图
腾讯地图注册账号设置key勾选微信小程序 填入appid 勾选web和白名单选项下载微信小程序的sdk官方文档: link.// 腾讯地图Api const qqmapsdk = new QQMapWX({ key: "" //key值 }); // 授权 uni.authorize({ scope: "scope.userLocation", success: () => { uni.getLocation({
2020-06-27 11:37:57
915
原创 uni 链接转二维码
需要链接转成二维码时,使用了别人的插件地址插件再地址里面下载使用方法// 引入二维码库import QR from "../../utils/wxqrcode.js" // 二维码生成器 //得到base64码的图片let img = QR.createQrCodeImg('链接的地址', { size: parseInt(300)//二维码大小 })...
2020-05-27 12:06:43
314
原创 微信小程序音视频 转化成uni app 微信小程序
最近使用了腾讯云的音视频 转化了他们的小程序demo转化工具的网址地址里说的很清楚 步骤大概为npm install miniprogram-to-uniapp -g 全局安装wtu -i “路径名”就得到编译后的文件 重点来了1.图片的路径改了 需要重新配置 哪里报错 那里处理2.方法名变了 基本上所有的函数事件名字都要处理一下3.uni 没有setData这个函数 需要写一个 要不处理起来很麻烦function setData(obj,callback){
2020-05-19 15:53:01
618
2
原创 uni 微信小程序 分包处理
分包前分包后分包的页面路径写在pages.json中 "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app" } } ], "subPackages": [{ "root": "pageA", "pages": [{ "path": "a/a", "style": { "navigationBarTitleT
2020-05-14 11:20:44
1448
原创 uni await的应用
uni await的应用方法前面加上async 在异步方法哪里加上awaitasync onChange() {// 加上 await const mes = await this.getPrice() console.log(mes) }方法返回一个promise对象 resolve写在success reject则在failgetPrice(){ return ne...
2020-05-06 11:43:24
660
原创 uni 没有网络 处理
当用户处于断网,我们就不能请求数据 如果有loading这些 很容易死掉所以我们就请求时 判断用户是否是断网状态定义一个方法 isHaveNetwork(){ uni.getNetworkType({ success: (res) => { if(res.networkType=='none'){ uni.showModal({ ...
2020-04-28 14:46:22
2049
原创 uni ref属性的一些特殊的地方
项目里面本来可以使用ref,结果突然不可以了没在uni文档上看到相关说明,但是Vue上看到了发现是因为使用了v-if,v-for的原因处理方法 只能换一个地方使用v-if v-for了...
2020-04-27 10:53:12
1180
原创 uni 加载图片时的空缺
我们经常会请求图片 这有个一个等待时间页面上就会出现一瞬间的空缺 样式会发生变化处理这种情况我们可以设置一个div放置在哪里占住位置放一个v-if在最外面的view中 等图片加载完 才设置v-if的属性为true,这个时候 图片肯定加载出来了...
2020-04-27 10:48:09
192
原创 uni 图像一瞬间的变形
uni 使用 image 标签时 我比较习惯使用auto属性类似这种<image :src="" mode="widthFix" style="width: 60px;"></image>这样在加载的时候 会出现一瞬间的变形 我个人估计主要是自适应高度时,需要计算一下 然后就会这样加一个height:auto 效果会好很多 但是 还是会看到一点<imag...
2020-04-27 10:42:06
753
原创 uni requestPayment:fail no permission
uni 微信小程序报 requestPayment:fail no permission之前使用支付时没有遇到支付不用多说 那后台的数据 调用支付接口另外要配置在manifest.json的app sdk配置中...
2020-04-22 17:00:39
1494
原创 uni token的加入
为了安全加入token根据后台需要的参数传递 有时候需要修改content-type一切基于后台需求 得到数据在储存uni.request({ url: ``, //服务器端地址 method: 'POST', data:{ }, header:{ "content-type": 'application/x-www-form-...
2020-04-22 11:10:46
473
原创 uni 微信h5 使用jssdk 调用分享 扫码功能
首先安装jssdk调用微信的功能 主要是初始化jssdk 当然也要保证实在微信浏览器中判断是在微信中isWechat: function() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/micromessenger/i) == 'micromessenger') { return true;...
2020-04-21 16:34:50
1441
原创 uni 阻止事件冒泡
在一个组件内 如果有两个点击事件 我们不希望小的点击事件触发所有的点击事件就应该阻止小的点击事件的冒泡 防止所有的点击事件都被触发<text @click.stop="bottom(index)" ></text >...
2020-04-21 14:47:15
1031
原创 uni 微信公众号页面登录
uni 微信公众号授权调转网址 需要appid local 本地地址需要 encodeURIComponent 后面的参数则参照图片 得到code后 跳入else 请求后台完成登录let appid = ""; //为测试号idlet code = getUrlParam("code"); //是否存在codelet local = window.location.href;if (...
2020-04-20 16:58:32
541
原创 uni app 安装 vconsole
写微信公众号页面 手机端不能够打印数据 不方便调试在终端使用 npm install vconsole在main.js插入import VConsole from 'vconsole'const vConsole = new VConsole()就可以调试线上项目了ps 安卓端微信好像有自带的打印 但是苹果没有...
2020-04-20 16:47:42
5807
1
原创 uni app 微信小程序的登录
微信小程序登录设置button 的 open-type属性<button open-type="getUserInfo" @getuserinfo="getuserinfo"> 授权登录</button>//点击按钮触发授权 然后获取用户信息getuserinfo() { uni.getUserInfo({ provider: 'weixi...
2020-04-20 16:38:19
197
原创 时间戳的一些方法
时间戳//得到当前的时间的时间戳 const now = function () { const time = new Date().getTime().toString() return time.slice(0,time.length-3); }; //将2020-05-31 14:00:00这种格式 转化成时间戳const toShiJianChuo = f...
2020-04-17 16:12:10
268
原创 uni app 微信小程序分享
uni app 微信小程序分享记录uni app 微信小程序的分享功能分享只需要将注意按钮的open-type设置为share另外取消button的样式button:after { border: none;}<button open-type="share"> <image src="../../static/link.png" ></image...
2020-04-17 16:04:19
642
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人