Vue 前端qrcode生成二维码

打代码的小天宇

已于 2022-04-08 16:20:03 修改

阅读量776

点赞数

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

于 2020-08-05 14:40:08 首次发布

本文链接：https://blog.csdn.net/daimaxiaoyu/article/details/107814876

版权

vue 同时被 2 个专栏收录

11 篇文章 2 订阅

订阅专栏

前端

7 篇文章 0 订阅

订阅专栏

Vue 前端生成二维码

qrcode 生成

安装 npm

npm install --save qrcodejs2

导入 import

import QRCode from 'qrcodejs2'

使用 new QRCode()

<div class="qrcode" ref="qrCodeUrl"></div>

methods: {
    creatQrCode() {
        var qrcode = new QRCode(this.$refs.qrCodeUrl, {
            text: 'https://www......',  //需要转换为二维码的内容
            width: 100,
            height: 100,
            colorDark: '#000000',
            colorLight: '#ffffff',
            correctLevel: QRCode.CorrectLevel.L
        })
    }
},
mounted() {
    this.creatQrCode()
}