前端vue将链接生成二维码的代码并下载

你可以使用第三方库 `qrcode` 来生成二维码，再使用 `html2canvas` 将生成的二维码转换为图片并下载。以下是一个示例代码：

安装依赖：

npm install qrcode html2canvas --save

在 Vue 组件中引入库并添加以下代码：

<template>
  <div>
    <div ref="qrcode"></div>
    <button @click="downloadQRCode">下载二维码</button>
  </div>
</template>

<script>
import QRCode from 'qrcode'
import html2canvas from 'html2canvas'

export default {
  data() {
    return {
      link: 'https://www.example.com' // 二维码链接
    }
  },
  mounted() {
    // 生成二维码
    QRCode.toCanvas(this.$refs.qrcode, this.link)
  },
  methods: {
    downloadQRCode() {
      // 将二维码转换为图片并下载
      html2canvas(this.$refs.qrcode).then(canvas => {
        const link = document.createElement('a')
        link.download = 'qrcode.png'
        link.href = canvas.toDataURL()
        link.click()
      })
    }
  }
}
</script>

这样点击按钮就能下载生成的二维码图片了。