iview 父組件動態傳值給子組件

父組件
 <maintenance-super :show="{'modalSuper':modalSuper,'myData':myData}" @on-close="closeModal" ></maintenance-super>

　

父組件
 <maintenance-super :show="{'modalSuper':modalSuper,'myData':myData}" @on-close="closeModal" ></maintenance-super>

export default {
  components: { MaintenanceSuper},
  data() {
    return {
      value:{
        telephone:null,
      },
      myData: {
        pageNum: 1,
        pageSize: 10,
        total: 0,
        userModel: {
          id: null,
          account: null,
          director: null, //負責人
        }
      },
}

 

子組件

<template>
  <div>
    <!-- =================== 管理員:表格 =================================== -->
    <Modal :title="title" v-model="modalSuper" width="800" :closable="false" @on-hide="hide">
      <Table border :columns="superColumns" :data="superData">
        <template slot-scope="{ row, index }" slot="action">
          <Button type="primary" size="small" @click="restPassWordInfo(row,index)">重置密碼</Button>
          <Button type="error" size="small" @click="disableAccount(row,index)">警用</Button>
        </template>
      </Table>
      <!-- ======================= 分頁 ==================================== -->
      <Page
        :total="superForm.total"
        :current="superForm.pageNum"
        :page-size="superForm.pageSize"
        @on-change="handlePageSuper"
        @on-page-size-change="handlePageSizeSuper"
        class="tablePage"
      />

      <div style="text-align: right;margin-top: 10px;">
        <Button @click="handleResetSuper('searchData')">取消</Button>
        <Button icon="md-add" type="primary" @click="toSuperModalAdd">新建管理員賬戶</Button>
      </div>
      <div slot="footer"></div>
    </Modal>
  </div>
</template>

 

props:['show','myData'],

  watch: {
    show(validate) {
      console.log(validate,'1')
      if (validate.modalSuper == true) {
        this.modalSuper = validate.modalSuper;
        this.getTableDataPage();
      }
    }

傳值給父，彈框關閉

    handleResetSuper(name) {
      // this.modelSuperAdd = false;
      // this.$refs[name].resetFields();
      this.modalSuper = false;
      this.$emit("on-close", false);
    },
    onClose() {
      this.$emit("on-close", false);
    },

父組件接收到子組件的傳值

  methods: {
    closeModal(newVal) {
      this.modalSuper = newVal;
    }
}