vue生成二维码

首先打开cmd，cd项目名进入项目，运行命令npm install qrcodejs2 --save

然后在需要的组件中引入 import QRcode from 'qrcodejs2'

创建一个用来展示二维码的dom元素

然后在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'

    })

  }

}