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

vue使用微信掃一掃功能的實(shí)現(xiàn)代碼

 更新時(shí)間:2020年04月11日 10:06:27   作者:閆萬(wàn)鵬  
這篇文章主要介紹了vue使用微信掃一掃功能的實(shí)現(xiàn)代碼,需要的朋友可以參考下

第一步: 安裝weixin-js-sdk 和 jquery 包 npm install weixin-js-sdk jquery

第二部: 配置wx.config (配置都是后端返回來(lái)的,菜鳥(niǎo)前端只需要按需傳值過(guò)去就可)

代碼如下

import wx from “weixin-js-sdk”;
import $ from “jquery”;
goSao() {

 //這里【url參數(shù)一定是去參的本網(wǎng)址】,請(qǐng)求后端接口換取signature
 //(兼容安卓和ios)
 let url = "傳值";
 let ua = navigator.userAgent.toLowerCase();
 if (/iphone|ipad|ipod/.test(ua)) {
  this.newUrl = window.location.href.split("#")[0];
 } else if (/android/.test(ua)) {
  this.newUrl = window.location.href;
 }
 //傳值為了去掉#
 
 $.get(`后臺(tái)需要的路徑=${this.newUrl}`,
  function(response) {
   wx.config({
    // 開(kāi)啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來(lái),若要查看傳入的參數(shù),可以在pc端打開(kāi),參數(shù)信息會(huì)通過(guò)log打出,僅在pc端時(shí)才會(huì)打印。
    debug: false,
    // 必填,公眾號(hào)的唯一標(biāo)識(shí)
    appId: response.data.appId,
    // 必填,生成簽名的時(shí)間戳
    timestamp: response.data.timestamp,
    // 必填,生成簽名的隨機(jī)串
    nonceStr: response.data.nonceStr,
    // 必填,簽名
    signature: response.data.signature,
    // 必填,需要使用的JS接口列表,所有JS接口列表
    jsApiList: ["scanQRCode"]
   });
   console.log(response)
  }
 );
 wx.error(function(res) {
  alert("出錯(cuò)了:" + res.errMsg); //這個(gè)地方的好處就是wx.config配置錯(cuò)誤,會(huì)彈出窗口哪里錯(cuò)誤,然后根據(jù)微信文檔查詢即可。
 });
 let _t = this
  wx.ready(function () {
    wx.checkJsApi({
      jsApiList: ['scanQRCode'],
      success: function (res) {

      }
    });
    wx.scanQRCode({
      needResult: 1, // 默認(rèn)為0,掃描結(jié)果由微信處理,1則直接返回掃描結(jié)果,
      scanType: ["qrCode"], // 可以指定掃二維碼還是一維碼,默認(rèn)二者都有
      success: async (res)=>{
       var result = res.resultStr; // 當(dāng)needResult 為 1 時(shí),掃碼返回的結(jié)果
      alert(result )
      }
    });
  });
},

已測(cè),可以使用

注:只能微信瀏覽器使用,其他瀏覽器不可

總結(jié)

到此這篇關(guān)于vue使用微信掃一掃功能的實(shí)現(xiàn)代碼的文章就介紹到這了,更多相關(guān)vue 微信掃一掃內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue Element-ui表格實(shí)現(xiàn)樹(shù)形結(jié)構(gòu)表格

    vue Element-ui表格實(shí)現(xiàn)樹(shù)形結(jié)構(gòu)表格

    這篇文章主要為大家詳細(xì)介紹了vue Element-ui表格實(shí)現(xiàn)樹(shù)形結(jié)構(gòu)表格,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-06-06
  • Vue2.0表單校驗(yàn)組件vee-validate的使用詳解

    Vue2.0表單校驗(yàn)組件vee-validate的使用詳解

    本篇文章主要介紹了Vue2.0表單校驗(yàn)組件vee-validate的使用詳解,詳細(xì)的介紹了vee-validate使用教程。具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • Vue?Router組合布局用法詳解

    Vue?Router組合布局用法詳解

    今天我們用一種新的布局方式,使用路由視圖來(lái)實(shí)現(xiàn)布局樣式,本文將給大家介紹如何使用Vue?Router組合布局,文中有詳細(xì)的代碼示例供大家參考,感興趣的同學(xué)可以跟著小編一起學(xué)習(xí)
    2023-05-05
  • VUE搭建手機(jī)商城心得和遇到的坑

    VUE搭建手機(jī)商城心得和遇到的坑

    這篇文章主要介紹了VUE搭建手機(jī)商城心得和遇到的坑,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-02-02
  • Vue如何導(dǎo)出頁(yè)面為word格式

    Vue如何導(dǎo)出頁(yè)面為word格式

    這篇文章主要介紹了Vue如何導(dǎo)出頁(yè)面為word格式問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • 如何正確解決VuePress本地訪問(wèn)出現(xiàn)資源報(bào)錯(cuò)404的問(wèn)題

    如何正確解決VuePress本地訪問(wèn)出現(xiàn)資源報(bào)錯(cuò)404的問(wèn)題

    這篇文章主要介紹了如何正確解決VuePress本地訪問(wèn)出現(xiàn)資源報(bào)錯(cuò)404的問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12
  • 在vue中實(shí)現(xiàn)給每個(gè)頁(yè)面頂部設(shè)置title

    在vue中實(shí)現(xiàn)給每個(gè)頁(yè)面頂部設(shè)置title

    這篇文章主要介紹了在vue中實(shí)現(xiàn)給每個(gè)頁(yè)面頂部設(shè)置title,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-07-07
  • vue實(shí)現(xiàn)釘釘?shù)目记谌諝v

    vue實(shí)現(xiàn)釘釘?shù)目记谌諝v

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)釘釘?shù)目记谌諝v,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • vue?長(zhǎng)列表數(shù)據(jù)刷新的實(shí)現(xiàn)及思考

    vue?長(zhǎng)列表數(shù)據(jù)刷新的實(shí)現(xiàn)及思考

    這篇文章主要為大家介紹了vue?長(zhǎng)列表數(shù)據(jù)刷新的實(shí)現(xiàn)及思考,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-04-04
  • vue獲取dom元素注意事項(xiàng)

    vue獲取dom元素注意事項(xiàng)

    這篇文章主要介紹了vue獲取dom元素注意事項(xiàng)及vue獲取dom元素的內(nèi)容,需要的朋友可以參考下
    2017-12-12

最新評(píng)論

迁安市| 房产| 内黄县| 昂仁县| 滦平县| 太仓市| 苏州市| 车致| 新竹市| 满城县| 宣武区| 盐源县| 枣阳市| 松江区| 军事| 安岳县| 龙泉市| 水富县| 贵阳市| 宝丰县| 和田市| 新蔡县| 汾阳市| 扶绥县| 乌兰察布市| 长阳| 千阳县| 鱼台县| 无锡市| 蒙山县| 土默特左旗| 甘洛县| 且末县| 武夷山市| 泾源县| 达拉特旗| 阳春市| 永昌县| 洪泽县| 凤台县| 白玉县|