微信掃碼實現
阿新 • • 發佈:2018-12-29
打開 arr .data ack ces earch als 時間 nav
<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" > </div> <!-- <router-link to="/robotBinding/scanCode"> --> <div class="sweep_btn" @click="scanCode"> <div><img src="@/assets/images/[email protected]" ></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>
微信掃碼實現