vue唤起支付宝支付

在Vue中唤起支付宝支付的方法很简单。首先，你需要调用后台接口，后台会返回支付宝提供的form表单。然后在Vue里面创建一个新节点，将返回的form表单添加到该节点中，并提交表单即可唤起支付宝支付。

具体步骤如下：
1. 在Vue的methods中创建一个方法，比如goAlipay。
2. 在goAlipay方法中发送请求到后台接口，传递所需的参数，包括支付金额和支付后的回调URL（returnUrl）。
3. 接收后台返回的form表单数据，并将其添加到一个新的div节点中。
4. 将这个新的div节点添加到页面的body中。
5. 提交表单，即可唤起支付宝支付。

示例代码如下：

methods: {
  goAlipay() {
    this.$loading.show();
    const data = {
      // 自身接口所需的一些参数
      // ...
      amount: this.price,
      // 支付后支付宝return的url
      // returnUrl: 'www.baidu.com'
      returnUrl: window.location.origin + window.location.pathname + '?userParams=' + this.userParams
    };
    this.$http(this.$apiSetting.alipay, data)
      .then(res => {
        this.$loading.hide();
        if (res.data.statusCode === '000000') {
          const div = document.createElement('div');
          // 此处form就是后台返回的接收到的数据
          div.innerHTML = res.data.data.alipayInfo;
          document.body.appendChild(div);
          document.forms[0].submit();
        }
      }, error => {
        this.$loading.hide();
        console.log(error);
      });
  }
}