最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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)境變量的代碼示例

    vue項目index.html中使用環(huán)境變量的代碼示例

    在Vue3中使用環(huán)境變量的方式與Vue2基本相同,下面這篇文章主要給大家介紹了關(guān)于vue項目index.html中使用環(huán)境變量的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-02-02
  • 一文教你vue3 watch如何停止監(jiān)視

    一文教你vue3 watch如何停止監(jiān)視

    這篇文章主要為大家詳細(xì)介紹了vue3中watch如何停止監(jiān)視,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,有需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-12-12
  • vue簡單練習(xí) 桌面時鐘的實現(xiàn)代碼實例

    vue簡單練習(xí) 桌面時鐘的實現(xiàn)代碼實例

    這篇文章主要介紹了vue簡單練習(xí) 桌面時鐘的實現(xiàn)代碼實例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值的相關(guān)資料,需要的朋友可以參考下
    2019-09-09
  • 深入詳解Vue3 ref底層實現(xiàn)原理

    深入詳解Vue3 ref底層實現(xiàn)原理

    隨著現(xiàn)在vue3越來越普及,相應(yīng)的面試題也多了起來。說到vue3的面試題,有一個最經(jīng)典的就是對于實現(xiàn)ref和reactive這兩個方法的底層原理,本文就來和大家簡單講講吧
    2023-04-04
  • Vue實現(xiàn)表格合并與拆分的示例代碼

    Vue實現(xiàn)表格合并與拆分的示例代碼

    在Vue應(yīng)用程序中,表格是一個非常常見的組件,在這篇文章中,我們將介紹如何在Vue中進行表格的合并和拆分,感興趣的小伙伴可以了解一下
    2023-06-06
  • Vue3響應(yīng)式高階用法之shallowReadonly()使用

    Vue3響應(yīng)式高階用法之shallowReadonly()使用

    在前端開發(fā)中,Vue3的shallowReadonly() API允許開發(fā)者創(chuàng)建部分只讀的狀態(tài),這對于保持頂層屬性不變而內(nèi)部屬性可變的場景非常有用,本文將詳細(xì)介紹?shallowReadonly()?的使用方法及其應(yīng)用場景,具有一定的參考價值,感興趣的可以了解一下
    2024-09-09
  • 使用proxy實現(xiàn)一個更優(yōu)雅的vue【推薦】

    使用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)化

    這篇文章主要介紹了vue單頁面如何通過prerender-spa-plugin插件進行SEO優(yōu)化,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • 淺析vue3項目中自定義指令的運用

    淺析vue3項目中自定義指令的運用

    自定義指令是一種在Vue應(yīng)用程序中擴展HTML標(biāo)簽的能力,通過自定義指令,我們可以直接在模板中使用指令名,下面我們就來看看項目中具體如何使用自定義指令的吧
    2023-08-08
  • vue實現(xiàn)移動端圖片上傳功能

    vue實現(xiàn)移動端圖片上傳功能

    這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)移動端圖片上傳功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-12-12

最新評論

桦川县| 枣庄市| 林甸县| 讷河市| 杂多县| 酒泉市| 阳西县| 来宾市| 三门县| 甘肃省| 永州市| 彰化县| 广饶县| 常德市| 白水县| 西峡县| 小金县| 奎屯市| 汉阴县| 临猗县| 厦门市| 峡江县| 卓尼县| 崇信县| 武清区| 富川| 麻阳| 本溪| 兴业县| 扶绥县| 潜山县| 桐柏县| 东台市| 集贤县| 额敏县| 陆丰市| 岫岩| 平南县| 探索| 夏邑县| 麟游县|