前端生成二维码代码

最新推荐文章于 2024-08-06 10:38:25 发布

痴灬

最新推荐文章于 2024-08-06 10:38:25 发布

阅读量3.2k

点赞数

分类专栏： Java学习文章标签：二维码生成

本文链接：https://blog.csdn.net/qq_37730370/article/details/90200578

版权

本文介绍了如何在Vue项目中实现前端二维码生成的功能，包括关键代码和实际效果展示。

摘要由CSDN通过智能技术生成

页面代码:

<el-button type="primary" icon="el-icon-picture-outline" @click="handleQrcode">市场二维码</el-button>

<el-dialog title="二维码" :visible.sync="qrCodeVisible" :close-on-click-modal="false" top="5vh">
    <div style="margin-top: -5%">
        <i class="el-icon-bell" style="color: #c43c35">[温馨提示] 点击二维码可直接下载</i>
    </div>
    <div id="qr-div">
        <div v-for="item in qrs" style="display: inline-block;margin-left: 10px;margin-top: 10px;">
            <el-row type="flex" justify="center" style="margin-bottom: 5px;"><span>{
  {item.name}}</span></el-row>