在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Linux  HTML/ 在一個vue頁面引用另一個vue頁面

在一個vue頁面引用另一個vue頁面

我在一個A.vue頁面中引入了另一個B.vue頁面,現(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)">啟  動</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: '啟動工單成功',
          type: 'success'
        })
      })
      .catch(error => {
         this.$err(error.msg);
      })
}
   
回答
編輯回答
陌上花

給組建B設(shè)置ref

<leave ref="componentB"></leave>

然后在click方法里調(diào)用

// 通過$refsk可以獲取組建B的方法、屬性
this.$refs.componentB.leaveDialog**
2018年6月8日 22:09