npm i qrcode

import QRCode from "qrcode";

//生產(chǎn)二維碼
    async getCode(data) {
      try {
        // 將數(shù)值型數(shù)據(jù)轉(zhuǎn)換為字符串類型
        const dataString = data.toString();
        const qrCodeData = await QRCode.toDataURL(dataString);
        return qrCodeData;
      } catch (error) {
        console.error("Error generating QR code:", error);
        // 可以根據(jù)具體情況進(jìn)行錯(cuò)誤處理，比如返回默認(rèn)值或向用戶顯示錯(cuò)誤信息
        return null;
      }
    },

getList() {
      getSteat().then(async (res) => {
        console.log(res.data.data);
        let data = res.data.data.data;
        let qrImg = [];
        let qrCodePromises = data.map((item) => this.getCode(item.statusId));
        let qrCodes =  Promise.all(qrCodePromises);
        for (let i = 0; i < data.length; i++) {
          qrImg.push({
            id: data[i].id,
            img: qrCodes[i],
          });
        }
        this.qrImg = qrImg;
        this.tableData = data;
        setTimeout(() => {
          this.loading = false;
        }, 200);
      });
    },

//下載二維碼
    downloadQRCode(url, name) {
      const link = document.createElement("a");
      link.href = url; //下載文件的url
      link.download = `自習(xí)室座位${name}.png`; // 下載的文件名可以自定義
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    },