vue 踩坑 -- 'qrcode' is assigned a value but never used no-unused-vars

使用 qrcode 生成二維碼時，編譯報錯

 

 

 報錯原因：eslint語法檢查報錯。

 解決方法：qrcode后面加上注釋 // eslint-disable-line no-unused-vars 即可。

 如下圖所示：

// 分享生成二維：
      qrCode () {
        let qrcode = new QRCode('qrcode', { // eslint-disable-line no-unused-vars
          text: href,
          width: 98,
          height: 98,
        })
      },

 

補充：使用 qrcodejs2，根據 url，生成二維碼，手機掃一掃( 注意⚠️：本地需安裝 qrcodejs2， yarn add qrcodejs2 或 npm install qrcodejs2)

import QRCode from 'qrcodejs2'

// 根據當前頁面的 url 生成二維碼
const url = new URL(window.location)
const href = url.href

mounted () {
  this.qrCode()
},

methods: {
// 分享生成二維碼
 　　qrCode () {
       let qrcode = new QRCode('qrcode', { // eslint-disable-line no-unused-vars
         text: href,
         width: 98,
         height: 98,
       })
    },
}