子組件向父組件傳值 this.$emit 和解決選擇數據後被覆蓋問題

將彈出的dailog 搜索得到的數據傳給父組件

//子組件
<el-table ref="filterTable" :key="tableKey" v-loading="listLoading" :data="pagination.items" fit highligh-current-row :element-loading-text="$t('commonText.loadingText')" style="width:100%;" @selection-change="handleSelectionChange" @row-click="clickRow">
        <el-table-column label="goodsNo“ prop="goodsNo">
          <template slot-scope="{row}">
            <span>
              {{ row.goodsNo }}
              <!--goodsID-->
            </span>
          </template>
        </el-table-column>
          <el-table-column label="operate" property="operate" type="selection" width="55px">
        <!--    selection -->
</el-table>



    handleSelectionChange(val) {
      this.all
      this.multipleSelection = val
      this.$emit('selectCheckboxData', this.multipleSelection)
      console.log(val)
    },

 

//父組件
//註冊子組件並使用

<cpn @selectCheckboxData="updateData" ></cpn>





updateData(data) {
      this.goodsData = data
      console.log('-----', data)
    },

這樣就實現了將子組件的值傳給了父組件顯示出來

 

在期間遇到了一些問題 

比如 在父組件把數據顯示的時候

         選中後要增加第二條數據 會被覆蓋掉應該和@selection-change="handleSelectionChange"  有關係  待完善-->解決方式

只需要在seleciton 加入  :reserve-selection="true"