vue调用h5支付宝支付时无法调用问题

问题：

前端调用后端h5支付宝支付的接口时,会返回一串form表单的字符串，此时直接使用v-html将字符串赋值到页面上，页面上也有显示，但是就是调用不起来支付。

---

原因：

因为v-html赋值页面还没加载完成里面的js。

---

方法：

使用$nextTick方法，等dom加载完成在执行一遍返回的字符串里的js代码。

<template>
  <div v-html="html"></div>
</template>
<script>
    export default {
      data(){
        return{
          html:''
        }
      },
      methods:{
        alipayPayClick(){
          // 页面传参
          let param={
            orderId: this.$route.query.orderId
          };
          alipayPay(param).then( res => {
            // 后端返回表单字符串
            this.html = res.data;
            //渲染支付宝支付页面
            this.$nextTick(() => {
              document.forms[0].submit()   
            })
          })
        }
      },
      mounted(){
        this.alipayPayClick()
      }
    }
</script>

---