vue PC端生成微信二维码进行支付

要在 Vue PC端生成微信二维码进行支付，你可以使用第三方库，如 `qrcode` 来生成二维码，并且使用微信支付的 API 来实现支付功能。

首先，你需要安装 `qrcode` 库。你可以使用 npm 命令进行安装：

npm install qrcode --save

接下来，在你的 Vue 组件中，你可以使用以下代码生成二维码：

import QRCode from 'qrcode'

export default {
  data() {
    return {
      qrcodeUrl: '' // 用于存储生成的二维码图片地址
    }
  },
  methods: {
    generateQRCode() {
      const el = this.$refs.qrcode
      const url = '这里是二维码的内容，可以是一个链接或其他字符串'
      QRCode.toDataURL(url, { errorCorrectionLevel: 'H', margin: 1 })
        .then(dataUrl => {
          this.qrcodeUrl = dataUrl
        })
        .catch(err => {
          console.error(err)
        })
    }
  }
}

这里使用 `QRCode.toDataURL()` 方法生成二维码，并将生成的图片地址存储在 `qrcodeUrl` 变量中。你可以将 `qrcodeUrl` 绑定到一个 `img` 标签上来显示二维码图片。

接下来，你需要实现微信支付功能。你可以使用微信支付的 API 来完成支付流程，具体步骤如下：

1. 获取支付参数：你需要向服务器发送请求，获取支付所需的参数，包括订单号、金额、签名等。

2. 调起微信支付：调用 `wx.chooseWXPay()` 方法，将支付参数传递给微信支付接口进行支付。

// 获取支付参数
axios.get('/api/getPayParams')
  .then(res => {
    const params = res.data
    // 调起微信支付
    wx.chooseWXPay({
      timestamp: params.timestamp, // 时间戳
      nonceStr: params.nonceStr, // 随机字符串
      package: params.package, // 包含预支付订单 ID 的字符串
      signType: params.signType, // 签名类型
      paySign: params.paySign, // 签名
      success: res => {
        // 支付成功
        console.log('支付成功', res)
      },
      fail: err => {
        // 支付失败
        console.error('支付失败', err)
      }
    })
  })
  .catch(err => {
    console.error(err)
  })

注意，以上代码中的 `wx.chooseWXPay()` 方法需要在微信公众号中使用，如果需要在 PC 端使用，可以使用模拟器或者其他工具进行测试。

希望这能帮助到你。如果你有其他问题，请随时提出。