vue项目生成二维码功能使用QRCode
1,导入第三方插件npm install --save qrcode2,在页面上引入import QRCode from 'qrcodejs2'二维码位置methods: {qrcode () {let qrcode = new QRCode('qrcode', {width: 100,height: 100,
·
1,导入第三方插件
npm install --save qrcode
2,在页面上引入
import QRCode from 'qrcodejs2'
<div id="qrcode">二维码位置</div>
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()
}
更多推荐
已为社区贡献6条内容
所有评论(0)