vue中使用qrcodejs2 生成二维码

最新推荐文章于 2024-09-20 17:24:27 发布

caixiajia

最新推荐文章于 2024-09-20 17:24:27 发布

阅读量1.5w

点赞数 3

分类专栏： vue

本文链接：https://blog.csdn.net/caixiajia/article/details/82386897

版权

vue 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

需要注意的是qrcode也可以生成二维码，一开始引入的是qrcode的插件，使用下面的方法报错。所以又上网找的，发现应该使用qrcodejs2

一、npm install qrcodejs2 --save

二、使用页面 import QRcode form 'qrcodejs2'

三、HTML中

<div id="qrcode"></div>

四、js中

    methods: {
        qrcode () {
            let qrcode = new QRCode('qrcode', {
                width: 100,
                height: 100, // 高度
                text: '56663159' // 二维码内容
                // render: 'canvas' // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
                // background: '#f0f'
                // foreground: '#ff0'
            })
            console.log(qrcode)
        }
    },
    mounted () {
        this.qrcode()
    }