vue專案中生成二維碼，手機掃描後跳轉下載

npm install vue-qr --save    安裝二維碼外掛

在vue檔案中引用
import VueQr from 'vue-qr'
export default {  components: {    VueQr  },

template中程式碼
<vue-qr bgSrc='../../../static/icon/bgw.png' :dotScale = '1' :text="appSrc" height="300" width="300"></vue-qr>
text指向二維碼的網址，為了適配開發環境和生產環境text值為一個變數
獲取到當前url欄的地址然後將路由指到手機引導下載頁面
created(){
    var src1 = window.location.href
    var src2 = this.$route.path
    var src3 = src1.replace(src2,'/download')
    this.appSrc = src3
  },

複製程式碼