vue2 显示二维码下载base64图片功能

大脸小覃

已于 2022-06-27 14:37:13 修改

阅读量504

点赞数 1

分类专栏： vue 文章标签： javascript 前端开发语言

于 2022-06-27 14:35:49 首次发布

本文链接：https://blog.csdn.net/weixin_50107303/article/details/125483252

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

安装vue-qr，并且引入

npm install vue-qr --save
import vueQr from 'vue-qr'

html

  <vue-qr :text="imgUrl" :size="250"> </vue-qr>
          <br />

<script>
    export default {
         components: {
            vueQr
        },
        data() {
            return {
                imgUrl: '图片路径', 
            }
        },
       
    },
}
</script>

下载图片

 getQrcode(name) {
      let a = document.createElement("a");
      a.style.display = "none";
      a.download = name;//name为下载的时候显示的title文字信息
      a.href = this.codeBase64;//图片
      document.body.appendChild(a);
      a.click();
    },