使用history方式
比较坑吧就不吐槽了,说下实现方式
需要解决问题:
1.因为我的微信支付授权路由是:m.xxxx.com,this.$router.push(‘xxx’)之后经常出现 【微信支付URL未注册】
2.有三个页面进入微信支付 分别是【待付款 , 订单提交 , 订单详情】有时页面经常使用this.$router.push(‘xxx’)会把页面路径修改
方案:
1.配置vue路由,这里有点投机,没有配置子路由
//引入:
import Vue from 'vue'
import Router from 'vue-router'
import wechat from './../src/components/pay/wechat.vue'
//设置
const router = new Router({
mode: 'history',
routes: [
{path: '/paywechat' ,component:wechat, name:'wechat' }, //微信支付
]
})
2.(待付款 , 订单提交 , 订单详情)3个进行支付页面跳转支付
window.location.href="/paywechat?orderid="+this.orderid;
3.微信支付页面使用this.$router.query.orderid 接受订单ID,当然如果你的传递参数比较多写几个参数进行传递
let id = this.orderid = this.$route.query.orderid;
let id = this.orderid = this.$route.query.orderid;
//判断是否正确页面,如果不是讲进行刷新页面
if(this.$route.fullPath.indexOf('/paywechat?orderid=') < 0){
window.location.href="/paywechat?orderid="+id;
}