vue2使用qrcode生成二维码怎样修改下载时候图片名称

在Vue中，你可以使用第三方库`qrcode-generator`来生成二维码，并使用`download`属性来指定下载时的文件名称。以下是一个示例代码：

<template>
  <div>
    <img :src="qrCodeUrl" :alt="qrCodeText" @click="downloadQrCode">
  </div>
</template>

<script>
import QRCode from 'qrcode-generator'

export default {
  data() {
    return {
      qrCodeText: 'https://www.example.com',
      qrCodeUrl: ''
    }
  },
  mounted() {
    // 生成二维码
    const typeNumber = 4;
    const errorCorrectionLevel = 'L';
    const qr = QRCode(typeNumber, errorCorrectionLevel);
    qr.addData(this.qrCodeText);
    qr.make();
    this.qrCodeUrl = qr.createDataURL();
  },
  methods: {
    downloadQrCode() {
      // 下载二维码
      const a = document.createElement('a');
      a.href = this.qrCodeUrl;
      a.download = 'example.png'; // 指定文件名称
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);
    }
  }
}
</script>

在这个代码中，我们使用`qrcode-generator`库生成二维码，并使用`createDataURL()`方法获取二维码的URL。在点击图片时，会触发`downloadQrCode()`方法，该方法会创建一个`<a>`标签并指定下载文件的名称为`example.png`。当用户点击该标签时，浏览器会自动下载该文件。你可以替换这个名称为你想要的名称。