vue微信支付二维码

为了实现Vue微信支付二维码的功能，你可以先创建一个二维码图片，并将微信支付的URL包装成二维码。你可以使用以下代码来实现这个功能：

// 把code_url包装到二维码图片
BitMatrix bitMatrix = new MultiFormatWriter().encode(url, BarcodeFormat.QR_CODE, 200, 200, hints);
MatrixToImageWriter.writeToStream(bitMatrix, "PNG", response.getOutputStream());
log.info("创建二维码完成");

其中，`url`是微信支付的URL，`response`是返回的响应对象。

接下来，你可以在Vue组件中使用返回的`code_url`来显示支付二维码。你可以将`code_url`拼接到你的支付页面URL上，并将组装后的URL赋值给`wxpayUrl`变量，然后在页面中使用该变量来显示支付二维码。以下是一个示例代码：

.then(res => { 
  console.log(res.data); 
  // 利用返回的code_url，显示支付二维码
  this.wxpayUrl = "http://localhost:9000/wxpay/code?url=" + res.data.code_url; 
  console.log(this.wxpayUrl); 
  // 检查后台返回的订单号支付状态
  this.checkOrder(res.data.trade_no); 
});

在上述代码中，`res.data.code_url`是返回的支付二维码URL，可以将其拼接到你的支付页面URL上。`this.wxpayUrl`是用于在页面中显示支付二维码的变量。