vue 中 自动提交form表单

一直用vue这么久 没用到过ref 最近写ipay88支付会用到记录一下

vue代码块

<form action='https://payment.ipay88.com.my/ePayment/entry.asp' ref="topay" method="post" name="ePayment" v-if="ipay.Amount">
      <input type="hidden" name="MerchantCode" :value="ipay.MerchantCode" />
      <input type="hidden" name="Amount" :value="ipay.Amount"/>
      <input type="hidden" name="BackendURL" :value="ipay.BackendURL"/>
      <input type="hidden" name="ProdDesc" :value="ipay.ProdDesc"/>
      <input type="hidden" name="UserName" :value="ipay.UserName"/>
      <input type="hidden" name="ResponseURL" :value="ipay.ResponseURL"/>
      <input type="hidden" name="Signature" :value="ipay.Signature"/>
      <input type="hidden" name="SignatureType" :value="ipay.SignatureType"/>
      <input type="hidden" name="UserEmail" :value="ipay.UserEmail"/>
      <input type="hidden" name="UserContact" :value="ipay.UserContact"/>
      <input type="hidden" name="Currency" :value="ipay.Currency"/>
      <input type="hidden" name="Remark" :value="ipay.Remark"/>
      <input type="hidden" name="Lang" :value="ipay.Lang"/>
      <input type="hidden" name="RefNo" :value="ipay.RefNo"/>
    </form>

调用函数

this.$nextTick(()=>{
            that.$refs.topay.submit();//接口请求之后自动提交
         })

还有ipay88目前跳转页面是post请求 前端是静态页面 不能获取post请求的页面 405 (看看后端同事能不能重定向) 其实ref除了可以获取本页面的dom元素，还可以拿到子组件中的data和去调用子组件中的方法