微信掃碼實現

<template>
    <div class="sweep_dinding">
        <!-- 掃碼綁定 -->
        <div class="title_box">
            <van-nav-bar title="掃碼綁定" left-text=""  @click-left="onClickLeft" left-arrow>
            <!-- <van-icon name="search" slot="right" /> -->
            </van-nav-bar>
        </div>
        <div class="explain_text">
                <img src="@/assets/images/sweepCodeImg.png" alt="">
        </div>
        <!-- <router-link to="/robotBinding/scanCode"> -->
        <div class="sweep_btn" @click="scanCode">
            <div><img src="@/assets/images/icon_Scan@2x.png" alt=""></div>
        </div>
    </div>    
</template>
<script>
import { mapGetters, mapState } from "vuex";
import http from "@/utils/http";
import api from "@/utils/api";
export default {
  data(){
    return{
      permissionsData:[]
    }
  },
  computed: mapGetters({
    facilityId: "GET_FACILITY_ID" //當前設備id
  }),
  methods: {
    onClickLeft() {
      window.history.back(-1);
    },
    disposeRes:async function(){
      const res = await http.get(api.SetTheBh+this.facilityId+"/onbind", {});
    },
//掃碼方法
    scanCode(){
      wx.scanQRCode({
      needResult: 0, // 默認爲0，掃描結果由微信處理，1則直接返回掃描結果，
      scanType: ["qrCode"], // 能夠指定掃二維碼仍是一維碼，默認兩者都有
      success: function (res) {
      var result = res.resultStr; // 當needResult 爲 1 時，掃碼返回的結果
      console.log(result)
      //alert(result)
      }
      });
    },
//得到簽名
    getPermissions: async function() {
      let _this = this;
      const res = await http.get(api.permissions, {});
      console.log(res);
      if (res.data.statusCode == 0) {
        //  let data =0
        this.permissionsData = res.data.data;
        //接口入住權限驗證配置
        wx.config({
          debug: false, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。
          appId: this.permissionsData.appId, // 必填，公衆號的惟一標識
          timestamp: this.permissionsData.timestamp, // 必填，生成簽名的時間戳
          nonceStr: this.permissionsData.nonceStr, // 必填，生成簽名的隨機串
          signature: this.permissionsData.signature, // 必填，簽名，見附錄1
          jsApiList: ["scanQRCode"] // 必填，須要使用的JS接口列表，全部JS接口列表見附錄2
        });
      }
    },
  },
  mounted(){
    this.getPermissions()
  },
};
</script>