vue中使用qrcodejs2 生成二维码

vue中使用qrcodejs2 生成二维码需要注意的是qrcode也可以生成二维码,一开始引入的是qrcode的插件,使用下面的方法报错。所以又上网找的,发现应该使用qrcodejs2一、npminstallqrcodejs2save二、使用页面import QRcodeform’qrcodejs2’三、HTML中<divid="qrcode"></div>四、js中 …

需要注意的是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()
    }

 

今天的文章vue中使用qrcodejs2 生成二维码分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/10183.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注