vue项目如何生成二维码,步骤如下,亲测有效
//安装插件
npm install --save qrcodejs2
//在使用的页面引入
import QRCode from 'qrcodejs2'
//使用
<div id="qrcode"></div>
components:{
QRCode
}
mounted(){
this.qrcode();
}
methods:{
qrcode () {
let qrcode = new QRCode('qrcode', {
width: 100,//宽度
height: 100,//高度
text: 'https://www.baidu.com/' ,// 二维码生成的内容
// render: 'canvas' // 设置渲染方式(有两种方式 table和canvas,默认是canvas)
colorDark: '#ff00ff',//二维码颜色
colorLight: '#ffff00',//背景颜色
correctLevel:1,//二维码样式 可选1-3
})
console.log(qrcode)
},
}