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
  },

复制代码