首先打开cmd,cd项目名进入项目,运行命令npm install qrcodejs2 --save
然后在需要的组件中引入 import QRcode from 'qrcodejs2'
创建一个用来展示二维码的dom元素 <div id="qrcode"></div>
然后在vue的代码中写入
mounted () {
this.qrcode()
}
methods: {
qrcode () {
let qrcode = new QRCode('qrcode', {
width: 100,
height: 100, // 高度
text: '56663159' // 二维码内容
// render: 'canvas' // 设置渲染方式(有两种方式 table和canvas,默认是canvas)
// background: '#f0f'
// foreground: '#ff0'
})
}
}