最新国产好看的视频,伊人天堂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)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2024-02-02
  • 一文教你vue3 watch如何停止監(jiān)視

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

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

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

    這篇文章主要介紹了vue簡單練習 桌面時鐘的實現(xiàn)代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值的相關(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)部屬性可變的場景非常有用,本文將詳細介紹?shallowReadonly()?的使用方法及其應(yīng)用場景,具有一定的參考價值,感興趣的可以了解一下
    2024-09-09
  • 使用proxy實現(xiàn)一個更優(yōu)雅的vue【推薦】

    使用proxy實現(xiàn)一個更優(yōu)雅的vue【推薦】

    Proxy 用于修改某些操作的默認行為,等同于在語言層面做出修改,所以屬于一種“元編程”。這篇文章主要介紹了用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標簽的能力,通過自定義指令,我們可以直接在模板中使用指令名,下面我們就來看看項目中具體如何使用自定義指令的吧
    2023-08-08
  • vue實現(xiàn)移動端圖片上傳功能

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

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

最新評論

湄潭县| 邵阳县| 渭源县| 织金县| 南召县| 定日县| 阜平县| 新昌县| 芦溪县| 青州市| 宁夏| 雷州市| 巧家县| 随州市| 新巴尔虎左旗| 临汾市| 仪陇县| 垦利县| 顺平县| 高要市| 巍山| 屯昌县| 昭苏县| 孟津县| 连南| 衡阳市| 济源市| 威远县| 元谋县| 环江| 固安县| 河北省| 清水河县| 呼玛县| 科技| 铁力市| 卢湾区| 沙雅县| 芜湖市| 年辖:市辖区| 长春市|