一、嵌套子页面 嵌套组件

<script>

import pageDriver from '@/views/transport/driver'
export default {
  name: "DriverVehicle",
  components: {
    pageDriver
  }
}
<!-- 选择司机对话框 -->
    <el-dialog :title="driverTitle" :visible.sync="driverOpen" width="80%" append-to-body>
      <pageDriver ref="pageDriverFuc"></pageDriver>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitDriverForm">确 定</el-button>
        <el-button @click="driverCancel">取 消</el-button>
      </div>
    </el-dialog>

二、传递参数

<pageVehicle :param="1" ref="pageVehicleFuc" @changeRelatedDriver="changeRelatedVehicle"></pageVehicle>

export default {
  name: "Vehicle",
  props:["param"],
  data() {

  created() {
    console.log('==============='+this.param);

 组件引入:param与 props["param"]要一致,使用的时候this.param

 

三、调用子页面(组件)函数

/** 司机确认 */
    submitDriverForm: function() {
      this.$refs.pageDriverFuc.test();
    },

 

Logo

前往低代码交流专区

更多推荐