vue+QRCode 将url生成一个二维码图片地址

使用qrcode.js库

const QRCode = require('qrcode');
const url = "https://chat.deepseek.com/";

// 生成DataURL格式的二维码图片
QRCode.toDataURL(url, function(err, url) {
  console.log(url); // 这里会输出二维码的base64图片地址
});

使用qrcodejs2库

import QRCode from 'qrcodejs2';

  <el-table-column
            align="center"
            label="二维码"
            prop="preparationDate"
            width="140"
          >
            <template slot-scope="scope">
              <div :ref="`codeImg${scope.row.infoId}`">
                {{ getCode(scope.row) }}
              </div>
            </template>
 </el-table-column>
 // methodes里面
    getCode(row) {
      let QRlink = row.imgUrl && row.imgUrl[0] ? row.imgUrl[0].value : "";

      this.$nextTick(() => {
        if (QRlink) {
          let codeImg = this.$refs[`codeImg${row.infoId}`];
          codeImg.innerHTML = "";
          new QRCode(codeImg, {
            text: QRlink,
            width: 120,
            height: 120,
            colorDark: "#000000",
            colorLight: "#ffffff",
            correctLevel: QRCode.CorrectLevel.H,
          });
          //将生成的二维码路径复制给data的QRImgUrl
        }
      });
    },