vue生成二维码

首先打开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'

    })

    }

}