vue.js 微信支付前端代碼分享
更新時間:2018年02月10日 09:04:47 作者:呀呀呀耶
下面小編就為大家分享一篇vue.js 微信支付前端代碼。具有很好的參考價值。希望對大家有所幫助。一起跟隨小編過來看看吧
實例如下所示:
onBridgeReady: function () {
const openId = localStorage.getItem('openId')
payService.payment(this.$route.params.orderId, 1, openId).then(rt => { //1:支付類型,可不填
this.message = rt.t
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
'appId': this.message.appId,
'timeStamp': this.message.timeStamp,
'nonceStr': this.message.nonceStr,
'package': this.message.package,
'signType': this.message.signType,
'paySign': this.message.paySign
},
function (res) {
console.log(res)
if (res.err_msg === 'get_brand_wcpay_request:ok') {
Toast('微信支付成功')
this.$router.push('/MineOrder')
} else if (res.err_msg === 'get_brand_wcpay_request:cancel') {
Toast('用戶取消支付')
// window.location.href = 'gift_failview.do?out_trade_no=' + this.orderId
} else if (res.err_msg === 'get_brand_wcpay_request:fail') {
Toast('網(wǎng)絡(luò)異常,請重試')
}
}
)
})
},
callpay: function () {
if (typeof WeixinJSBridge === 'undefined') {
if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(), false)
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady())
document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady())
}
} else {
this.onBridgeReady()
}
}
以上這篇vue.js 微信支付前端代碼分享就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue項目index.html中使用環(huán)境變量的代碼示例
在Vue3中使用環(huán)境變量的方式與Vue2基本相同,下面這篇文章主要給大家介紹了關(guān)于vue項目index.html中使用環(huán)境變量的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-02-02
Vue3響應(yīng)式高階用法之shallowReadonly()使用
在前端開發(fā)中,Vue3的shallowReadonly() API允許開發(fā)者創(chuàng)建部分只讀的狀態(tài),這對于保持頂層屬性不變而內(nèi)部屬性可變的場景非常有用,本文將詳細介紹?shallowReadonly()?的使用方法及其應(yīng)用場景,具有一定的參考價值,感興趣的可以了解一下2024-09-09
使用proxy實現(xiàn)一個更優(yōu)雅的vue【推薦】
Proxy 用于修改某些操作的默認(rèn)行為,等同于在語言層面做出修改,所以屬于一種“元編程”。這篇文章主要介紹了用proxy實現(xiàn)一個更優(yōu)雅的vue,需要的朋友可以參考下2018-06-06
vue單頁面如何通過prerender-spa-plugin插件進行SEO優(yōu)化
這篇文章主要介紹了vue單頁面如何通過prerender-spa-plugin插件進行SEO優(yōu)化,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-05-05

