解决vue在微信中使用支付功能遇到的一些问题

最新推荐文章于 2024-08-07 09:17:41 发布
最新推荐文章于 2024-08-07 09:17:41 发布
阅读量2.9k 收藏
点赞数
分类专栏： vue web 文章标签： 微信支付 h5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37939942/article/details/82388362
版权
vue 同时被 2 个专栏收录
5 篇文章 0 订阅
订阅专栏
web
5 篇文章 0 订阅
订阅专栏

1.解决vue在微信中跳转外链页面时处理路由中#所引发的问题

在设置跳转外链的时候在 #号前加入?hash这样的拼接方式

http://localhost:8081/?hash#/xxx // 像这样的一个地址就不会被微信屏蔽

2.解决微信支付成功后回调地址不对

我这里遇到的问题是每次支付成功后，都会自动跳回首页#后面的所有内容全部被劫，所以用了一个取巧的办法把回调地址设为

http://www.xxx.com/?home#/

然后在跳转后的页面去拿到当前页面的一个地址做下验证（?/home)然后进行重定向

欢迎各位小伙伴提出更好的解决方案

一只前端小菜鸟
关注
专栏目录
vue项目使用微信公众号支付总结及遇到的坑
12-09
使用的vuex，在mutations中 wechatPay (state, data) { state.payObject = data console.log('微信支付开始请求') if (wechat) { wx.chooseWXPay({ timestamp: state.payObject.timeStamp, // 支付签名时间戳...
Vue 自定义输入框组件校验金额
qq_32234855的博客
03-28 1383
Vue 自定义输入框组件校验金额
vue 验证金额
半盏茶. ོ
09-14 1681
这个是验证输入金额时验证的一个方法，建议写在输入框输入时调取此方法 getMoney(val) { val = val.replace(/[^\d.]/g, ""); //保留数字 val = val.replace(/^00/, "0."); //开头不能有两个0 val = val.replace(/^\./g, "0."); //开头为小数点转换为0. val = val.replace(/\.{2,}/g, "."); //两个以上的小数点转换成一个 val = val.replace
前端vue制作的h5页面接入微信支付流程(jsapi方式)
最新发布
weixin_41978174的博客
08-07 216
公众号商户号备案域名配置应用先参考支付指引接入准备基本步骤1、在商户号关联公众号2、在商户号配置支付授权目录（支付目录+回调目录）3、在公众号配置网页授权域名。
vue前端开发微信支付和支付宝支付
daimadaxian的博客
05-17 6255
1.微信支付 微信支付后台程序员会给你返一个地址，首先我们需要安装qrcodejs2将地址转换成二维码，需要先npm install qrcodejs2 然后需要一个div来存放这个微信二维码，宽高样式各位自己可以去css里写，我在这里还加了一个loading，有需要的也可以自己加 <div id="wechatcode" v-loading="loading" elem
vue3-pc端生成微信二维码、扫码支付监听支付回调（WebSocket）功能实现
fat_shady的博客
02-22 5347
pc端微信支付功能，展示二维码，websocket连接获取支付成功回调
VUE表单校验，金额
SA
08-25 2480
rules: { money: [ { required: true, message: '请输入金额', trigger: 'blur' }, { pattern: /^(([1-9]{1}\d{0,9})|(0{1}))(\.\d{1,2})?$/, message: "请输入合法的金额数字，最多两位小数", trigger: "blur" } .
Vue实现微信支付功能遇到的坑
12-29
微信支付功能相比较支付宝支付，有点点繁琐，整理记录下来，以便日后所需 项目用VUE+EL搭建而成，支付用EL的radio来做的 <i class=iconfont></i> 微信支付 推荐安装最新版微信使用 <i class=ic
vue.js 微信支付前端代码分享
10-18
而前端工程师在进行微信支付集成时，常常会使用一些框架，如vue.js，来构建用户界面。 vue.js是目前较为流行的前端框架之一，它以数据驱动和组件化的思想得到了广泛的应用。其特点是易于上手、模块化清晰，能与现代...
小程序输入框金额校验
lingjim10086的博客
05-07 603
JS // 金额保留两位 inputDiscount: function (e) { let value = e.detail.value if (value != '') { value = value.replace(/[^\d.]/g, "") if (/^(\d?)+(\.\d{0,2})?$/.test(value)) {} else { value = value.substring(0, value.length - 1);
前端（vue 或者原生js）限制只能输入最多两位小数的正数（支付功能，类似微信支付宝转账的输入金额控制）
kjssjj12的博客
11-06 1900
前端（vue 或者原生js）限制只能输入最多两位小数的正数（支付功能，类似微信支付宝转账的输入金额控制）前言限制输入最多两位小数的正数 前言 从做前端开始就一直有需求是要对输入框的值做限制的，这真是个令人头疼的事情，又是限制长度又限制正整数又限制小数。。。反正一大堆。 下面来说说限制转账那样的限制吧，一直找了网上好多博客试过都是没效果，然后就自己来了， 限制输入最多两位小数的正数 直接代码吧 //...
vue项目原生input框限制只能输入金额（必须大于0，最多小数点后两位，不能输入e、+、-）
01-09 5810
今天碰到一个需求，做的是微信支付，所以需要设置输入框里必须输入是能支付的数字，想投机网上直接找现成的方法，发现大部分都有bug或者不生效。于是自己费了点时间写了以下提供两种方案，希望有帮助。
微信扫码支付-原生支付-流程图
热门推荐
༺ bestcxx的专栏 ༻
11-11 1万+
商户后台系统先调用微信支付的统一下单接口，微信后台系统返回链接参数code_url，商户后台系统将code_url值生成二维码图片，用户使用微信客户端扫码后发起支付。注意：code_url有效期为2小时，过期后扫码不能再发起支付。 业务流程时序图 图6.9 原生支付模式二时序图 业务流程说明： （1）商户后台系统根据用户选购的商品生成订单。 （2）用户
Vue前端开发——微信扫码支付
weixin_41496763的博客
05-07 808
1、安装 qrcodejs2 （注意：安装的是qrcodejs2，不要安装qrcode ---> 会报错） npm install qrcodejs2 --save 2、页面中引入 <!-- 微信支付二维码--> <el-dialog :visible.sync="dialogFormVisible" style="width:800px;margin:0px auto;" > <h1 style="font-size:
ant design vue金额校验
lhyxm的博客
06-06 627
ant design vue表单控件使用v-decorator进行表单校验
微信支付回调没内容的问题
liuzhaoyun的博客
05-18 2734
    在微信支付时，我们写了回调地址，但回调里面没有内容。比如我们写了以下的接收代码：public function payresult(){ $data = $GLOBALS["HTTP_RAW_POST_DATA"]; file_put_contents('data.txt',$data); if(!array_key_exists("tran...
小程序支付和H5支付实现（uniapp）
weixin_44606457的博客
07-15 1071
小程序支付： **wxml** <text class="submit" @click="payment">去付款</text> **js** payment: function(res) { uni.requestPayment({ provider: 'wxpay', // 写死的 timeStamp: res.data.data.timestamp, // 后端给的 nonceStr: res.data.data.nonceS
vue项目调微信的支付问题总揽
weixin_34112900的博客
01-23 276
2019独角兽企业重金招聘Python工程师标准>>> ...
Vue项目中常见问题(55)提交订单、获取订单号、展示支付信息
qq_46368050的博客
05-25 3620
目录 gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/master 业务需求:完成提交订单的业务 1.支付静态组件先完成 Pay静态组件完成 配置路由 2.点击提交订单把支付信息传给服务器 提交订单的接口 2. 1.写api 这次我们不用vuex来写,如果没有vuex,我们应该直接在组件当中发请求,拿到服务器的数据,在组件当中进行管理 2.2.引入api 第一种引入方法: 第二种引入方法: 2. 3.发请求 ..
Vue开发微信H5分享在IOS上签名失败的解决策略
问题主要出现在Vue项目中使用History模式的路由。分享需求是从首页进入活动详情页，并在详情页分享内容，通常采用params、query或字符串拼接传递参数。iOS分享失败的原因在于其浏览器机制与Android不同，存在缓存...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值