vue-二维码批量导出下载

最新推荐文章于 2024-05-17 00:35:53 发布

Robert_c

最新推荐文章于 2024-05-17 00:35:53 发布

阅读量902

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_45736502/article/details/119569023

版权

继上次vue-qr实现二维码批量生成，今天记录下如何批量导出二维码。

首先要实现批量导出二维码，得要安装jsZip和file-saver

npm install jszip --save

npm install file-saver --save

接着在对应的页面进行导入

<script>
import vueQr from 'vue-qr'
import JSZip from "jszip";
import FileSaver from "file-saver";

export default{
    name:'demo',
    data(){
        return{

        }
    },
    methods:{

    }

}
</script>

然后点击按钮后调用函数下载

<template>
    <div class="demo>
        ...
        <a-button @click="downLoadPicture"></a-button>
    </div>
</template>

<script>
export default{
    name:'demo',
    data(){
        return{
            demoList:[
                ...