vue iview 自定义Modal弹窗内容的使用

最近真的忙炸了，react和vue来回切换，写react时间久了并没有写起来vue来身轻如燕，居然发现有点写混了，就最近写的Modal自定义组件来说，着实有点费了一下脑子，话不多说，先上代码

这是父组件：

<template>
  <Form>
       // 这里踩了一个坑，就是普通的布局，页面渲染上会有问题，没有办法做到刷新，所以建议放到Form里面，当然可能也是我哪里写的不对，所以，欢迎你留言沟通，让我知道问题所在
   </Form>
</template>
<script>

export default {
  
  created: function() {
    this.$root.Bus.$on("xxxxx", this.getData); //emit on获取数据的方法
  },
  methods: {
    getData(data) {
     
    },
   
    async payMent() {
      // 这里执行确定后的方法，可以发起请求
    },
    payCancel() {
      // 这里执行取消后的方法，可以重置或者销毁某些数据
    },
  },
};
</script>

这是子组件： 

<template>
 <Modal
    v-model="renewModal"
    title="续费"
    @on-cancel="renewCancel"
    width=