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

最新推荐文章于 2024-08-26 04:16:13 发布

低調的D吖

最新推荐文章于 2024-08-26 04:16:13 发布

阅读量170

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/software20121216/article/details/105201577

版权

这篇博客介绍了在Vue.js应用中如何将弹出dialog的搜索结果传递给父组件显示，并着重讨论了解决在父组件显示数据时，选择新数据导致已选数据被覆盖的问题。通过在`@selection-change`事件处理函数中调整和在`seleciton`组件上使用`:reserve-selection="true"`属性，成功避免了数据覆盖的情况。

摘要由CSDN通过智能技术生成

將彈出的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.a