<ulclass="way_list">

<li v-if="!isWeixinBrowser"
class="group alipay"
">支付宝支付
<i class="fr" :class="selete_payway? 'mCheck':'mCheckNo'"></i>
</li>
<li class="group wechat"
">微信支付
<i class="fr" :class="selete_payway? 'mCheckNo':'mCheck'"></i>
</li>
</ul>
<!-- 支付宝支付必须 -->
<div class="goalipay_box" style="display:none" v-html="goalipayHtml"></div>
<div class="mFooter mBorderBox">
<div class="mBtn_hole" @click="realPay()">确认支付</div>
</div>

data() {
return {
isloading:true,
? : ,
serve_item:false,
showPay:false,//支付中间弹窗
showNonet:false,//支付失败
'goalipayHtml':'',
'allowClickStu':true,//允许点击

}

},

/*=====================

支付
=====================
*/
methods: {
// 判断是否完成支付流程
is_pay(){
// 完成弹出是否支付弹框
if(this.$route.query.is_payed){
this.showPay=true;
}
},
//支付宝支付selete_payway:1 微信支付selete_payway:0
realPay(){
){
window.localStorage.DSQS_PAY_WAY=this.selete_payway;
){//支付宝
this.goaliPay();
}else{
this.wxjsPay();
}
}else{
this.$api.post( '/v1/Order/cancelOrder' , {'ordercode':this.$route.query.ordercode}, res => {
){
)
}
})
return false;
}
},
noPay(){//点击未支付
this.showPay=false;
// this.$Glb.PlMessage('支付失败',800)
},
hasPay(){//点击已支付
this.showPay=false;
// 点击已支付查询是否支付, 若支付跳转,未支付停留于本页面
this.$api.post( '/v1/Order/queryOrder' , {'ordercode':this.$route.query.ordercode}, res => {
){
if(res.data.pay_status=='success'){
window.location.href=this.$route.query.success_url;
}else{
)
}
}
});
},
noNet(){
this.showNonet=false;
},
// 处理重复点击
allowClick(ts){
const that = this ;
if(this.allowClickStu===true){
this.allowClickStu = false;
,function(){
)
that.allowClickStu = true
});
return true
}
if(this.allowClickStu === false){
return false
}
},
// 微信支付
wxjsPay(){
// 处理重复点击
if(!this.allowClick())return false;
let that = this;
if(window.navigator.userAgent.match(/micromessenger/i)){
this.$api.post( 'https://xxxxxxxx/pay/wxjspay' , {'ordercode':this.$route.query.ordercode}, res => {
){
window.location.href=res.data.url
}
){
// 成功
}
){
alert(res.msg)
}
})
}else{
this.$api.post( 'https://xxxxxx/pay/gowxpay' , {'ordercode':this.$route.query.ordercode}, res => {
){
this.axiosWxH5payData=res;
window.location.href = res.data.url;//微信支付页。
}
})
}
 
},
// 支付宝
goaliPay(){
// 处理重复点击
if(!this.allowClick())return false;
this.$api.post( 'https://pay.xxxx.cn/pay/goalipay' , {'ordercode':this.$route.query.ordercode}, res => {
this.goalipayHtml = res
setTimeout(function(){
window.document.forms['alipaysubmit'].submit();
},)
})
}

}

vue-微信支付or支付宝支付片段的更多相关文章

  1. apicloud含有微信支付。支付宝支付和苹果内购的代码

    apicloud含有微信支付.支付宝支付和苹果内购的代码 <!DOCTYPE html> <html> <head> <meta charset=" ...

  2. APIcloud制作APP 微信支付与支付宝支付

    首先要在云端绑定相应模块如alipay和wxpay其次编写代码. 配置区域 var cfg = { webName:'',//APP名字 payDebug:true, isUseWxPay:true, ...

  3. 微信支付、支付宝支付和QQ钱包支付

    最近忙于对接微信支付和支付宝支付,注册微信公众号,认证公众号,注册微信支付商户号并进行认证: 签约支付宝支付产品(手机网站支付.PC网站支付),注册支付宝企业账号(企业账号权限更大): 注册QQ钱包商 ...

  4. 微信支付与支付宝支付java开发注意事项

    说明:这里只涉及到微信支付和淘宝支付 以官网的接口为准,主要关注[网关].[接口].[参数][加密方式][签名][回调] 第一步,了解自己的项目要集成的支付方式 常见的有扫码支付.网页支付.APP支付 ...

  5. iOS----支付(微信支付、支付宝支付、银联支付控件集成支付)(转)

    资料 支付宝 //文档idk都包含了安卓.iOS版 银 联 银联官网资料 Demo Demo给了一个订单号,做测试使用,若出现支付失败什么的,可能是已经被别人给支付了,或者是服务器订单过期了 ~ 一. ...

  6. 转《基于Ionic3实现微信支付和支付宝支付》

    在Ionic应用里实现支付并不难,但是有的坑真是不爬不知道. 一:支付宝支付 网上关于支付宝支付cordova插件真是非常多,但是大多会报一些让你很无语的错误.比如sdk早已过时不是最新的,或者没有出 ...

  7. PHP后台支付的开发:微信支付和支付宝支付

    关于支付的流程之类的就不做解释,大家可以自行搜索! 微信支付 项目前提:本人用的是tp框架,PHP语言下载到微信平台提供的微信支付接口文件,放在了tp第三方类库vendor,命名为WxpayAPI, ...

  8. H5中的微信支付、支付宝支付

    微信支付的申请: 公众号支付.扫码支付等在微信公众平台.移动端的申请在微信开放平台 公众号支付流程:申请微信公众号(服务号并完成微信认证)——申请微信支付商户号(申请微信支付,资料审核通过以后,请前往 ...

  9. 前端:微信支付和支付宝支付在pc端和h5页面中的应用

    1:h5微信支付 使用的是https://pay.weixin.qq.com/wiki/doc/api/index.html  中的 (1):公司需要首先要配置公众号微信支付地址和测试白名单(支付的时 ...

随机推荐

  1. MySQL向数据库表的某字段追加数据

    使用CONCAT()函数 mysql向表中某字段后追加一段字符串(field为字段名): update table_name set field=CONCAT(field,'str',) mysql ...

  2. 章节十、4-CSS Classes---用多个CSS Classes定位元素

    以下演示操作以该网址中的输入框为例:https://learn.letskodeit.com/p/practice 一.使用input[class=inputs]验证元素是否唯一 注意:使用“clas ...

  3. javaFX笔记----ComboBox模仿qq账号下拉框删除账号

    myComboBox.setCellFactory( new Callback<ListView<String>, ListCell<String>>() { @O ...

  4. pyspider+PhantomJS的代理设置

    环境:pyspider0.3.9 PhantomJS2.1.1,均为最新版 进程用supervisor托管的. 其中需要加的几个地方: webui进程: pyspider -c config.json ...

  5. EasyUI之DataGird动态组合列

    Dojo.ExtJS.Jquery(EasyUI.jQgrid.ligerui.DWZ).还有asp.net中的服务器控件.当然也少不了HTML 标签之table标签了.其中dojo.ExtJS.Jq ...

  6. SpringBoot 中常用注解@PathVaribale/@RequestParam/@GetMapping介绍

    SpringBoot 中常用注解@PathVaribale/@RequestParam/@GetMapping介绍 本篇博文将介绍几种如何处理url中的参数的注解@PathVaribale/@Requ ...

  7. Codeforces #541 (Div2) - F. Asya And Kittens(并查集+链表)

    Problem   Codeforces #541 (Div2) - F. Asya And Kittens Time Limit: 2000 mSec Problem Description Inp ...

  8. H5播放器内置播放视频(兼容绝大多数安卓和ios)

    关于H5播放器内置播放视频,这个问题一直困扰我很长一段时间,qq以前提供白名单已经关闭,后来提供了同层属性的控制,或多或少也有点差强人意. 后来一次偶然发现一个非常简单的方法可以实现. 只需要给vid ...

  9. Visual Studio 2019 使用 Live Share

    一.前言 Visual Studio 2019 在今天发布(北京时间)了,这次带来了一个比较有趣的 Live Share 功能,使用它可以进行更好的协作开发.主要功能: 更多资料可看官方介绍: Vis ...

  10. FineUICore(基础版)v5.4.0已发布!

    FineUICore(基础版)已发布,请先加入知识星球,下载后可以永久免费商用: