vue項目使用qrcodejs2生成二維碼

cnpm i qrcodejs2 -S

2、項目中使用

HTML:

<!-- 放置二維碼的容器,需要給一個ref -->
 <div id="qrcode" ref="qrcode"></div>

js:

// 引入
import QRCode from 'qrcodejs2'

methods: {
  // 生成二維碼
    new QRCode('qrcode', {
      width: 150,
      height: 150, // 高度
      text: this.qrcode // 二維碼內容
      // render: 'canvas' // 設置渲染方式（有兩種方式 table和canvas，默認是canvas）
      // background: '#f0f'
      // foreground: '#ff0'
    })

//清除已經生成的二維碼   this.$refs.qrcode.innerHTML = ''