vue框架 生成二维码

1.   npm install vue-qr --save

2. import VueQr from 'vue-qr'
   new Vue({
    components: {VueQr}
   })

3. In template：

          <vue-qr :text="form.value" :size="200"></vue-qr>

methods: {
download() {
        var oQrcode = document.querySelector('#qrcode img');
        var url = oQrcode.src;
        var a = document.createElement('a');
        var event = new MouseEvent('click');
        // 下载图名字
        a.download = this.form.name;
        a.href = url;
        //合成函数，执行下载
        a.dispatchEvent(event)
      },
}

 

https://www.npmjs.com/package/vue-qr 官网详情

补充： 此方法下载功能只使用于下载本地静态资源，网页图片另寻方法。