Element UI +Vue页面生成二维码的方法

紫水木鱼

已于 2024-03-12 23:03:08 修改

阅读量3.6k

点赞数 29

分类专栏：前端文章标签： ui vue.js 前端

于 2024-03-12 23:01:37 首次发布

本文链接：https://blog.youkuaiyun.com/ZiShuiMuYu/article/details/136637406

版权

一、方法一采用qrcodejs2生成

1.1、安装二维码插件qrcodejs2

//在终端输入npm命令，安装二维码插件

npm install qrcodejs2 --save

1.2、在vue文件中，引入生成二维码插件

import QRCode from 'qrcodejs2';        //在vue文件中，引入生成二维码插件

1.3、构建二维码对象qrCodeDiv

全部代码

<!-- 生成绑定微信二维码界面 -->
    <el-dialog
      title="微信扫码绑定用户"
      :visible.sync="isShowCard"
      width="400px"
      center
      :before-close="jieBangClose"
    >
      <!-- 定义一个展示二维码的div -->
      <div style="