在一個(gè)vue頁(yè)面引用另一個(gè)vue頁(yè)面

我在一個(gè)A.vue頁(yè)面中引入了另一個(gè)B.vue頁(yè)面，現(xiàn)在單擊A中方法想要調(diào)B中的方法（有表單）
這是A的表單
<el-form :model="dialogForm.data">

      <el-row>
        <el-input type="hidden" v-model="dialogForm.data.id" placeholder="ID" auto-complete="off"></el-input>
        <el-col :span="14">
          <el-form-item label="工單名稱:" :label-width="dialogForm.formLabelWidth">
            <el-input v-model="dialogForm.data.name" placeholder="姓名" auto-complete="off"></el-input>

          </el-form-item>
        </el-col>
        <leave></leave>
        <el-button-group style="float: right">
          <el-button @click="dialogForm.show = false">取 消</el-button>
          <el-button type="primary" @click="handleSubmit(dialogForm.data)">啟  動(dòng)</el-button>
        </el-button-group>
      </el-row>
    </el-form>
    引入B
    import leave from '../formdesign/leave'
    
   A中 / 處理表單提交
handleSubmit(formData) {
  this.leaveHandleSubmit(leave.leaveDialog.formData)
  **這里不知道怎么傳定義在B中的leave.leaveDialog.formData**
  
  
    ajaxWork.startWork(formData)
      .then(rs => {
        this.dialogForm.show = false
        this.$message({
          message: '啟動(dòng)工單成功',
          type: 'success'
        })
      })
      .catch(error => {
         this.$err(error.msg);
      })
}