zoukankan      html  css  js  c++  java
  • element-ui 表格翻页多选后仍然记忆所选项,数据回显

    reserve-selection与row-key结合

    <el-table :data="pageData" ref="goodsTable" size="small" v-loading="loading" height="520" @selection-change="handleSelectionChange" :row-key="getRowKeys">
        <el-table-column type="selection" :reserve-selection="true" width="50" prop="id">
        </el-table-column>
        <el-table-column label="编号" prop="goodsCode" width="130">
        </el-table-column>
        <el-table-column label="品名" prop="tradeName" show-overflow-tooltip>
        </el-table-column>
        <el-table-column label="规格" prop="specification" width="150" show-overflow-tooltip>
        </el-table-column>
        <el-table-column label="最小包装" prop="minPack" width="150" show-overflow-tooltip>
        </el-table-column>
        <el-table-column label="状态" prop="saleState" width="100">
            <template scope="scope">
                <el-tag>{{scope.row.saleState | statusFilter}}</el-tag>
            </template>
        </el-table-column>
        <el-table-column label="生产厂家" prop="manufacturer" show-overflow-tooltip>
        </el-table-column>
    </el-table>
    data() {
            pageData: [],
            loading: false,
            // 获取row的key值
            getRowKeys(row) {
                return row.id;
            },
            selectedData: []
        },

    推荐网址:https://segmentfault.com/q/1010000009772656

        http://element.eleme.io/#/zh-CN/component/table#table-column-attributes

  • 相关阅读:
    0055. Jump Game (M)
    0957. Prison Cells After N Days (M)
    Java
    Java
    Java桌面应用程序打包
    JavaGUI练习
    Java贪吃蛇小游戏
    Java GUI编程
    Java异常处理机制
    抽象类与接口
  • 原文地址:https://www.cnblogs.com/zhaomeizi/p/9935738.html
Copyright © 2011-2022 走看看