vue2 生成微信支付二维码

你可以使用第三方库 `vue-qriously` 来生成微信支付二维码。首先，安装这个库：

npm install vue-qriously

然后，在你的 Vue 组件中引入并使用 `vue-qriously`：

<template>
  <div>
    <qriously :value="qrCodeValue" :size="150"></qriously>
  </div>
</template>

<script>
import Qriously from 'vue-qriously'

export default {
  components: {
    Qriously
  },
  data() {
    return {
      qrCodeValue: ''
    }
  },
  mounted() {
    // 调用后端接口获取微信支付链接
    // 这里只是示例，你需要替换成你的实际代码
    this.getWeChatPayLink()
  },
  methods: {
    async getWeChatPayLink() {
      // 发起 API 请求获取微信支付链接
      const response = await fetch('/api/wechat/pay')
      const { payLink } = await response.json()

      // 将支付链接赋值给 qrCodeValue
      this.qrCodeValue = payLink
    }
  }
}
</script>

上面的代码中，我们通过 `fetch` 函数发起了一个异步请求来获取微信支付链接，然后将这个链接赋值给 `qrCodeValue`。 `vue-qriously` 的 `value` 属性接受一个字符串，会根据这个字符串生成对应的二维码。

请注意，以上代码只是一个示例，你需要根据你的实际需求进行修改和完善。另外，为了安全起见，请确保在真实的生产环境中使用安全的方式获取微信支付链接。