vue + element-ui Table 的数据多选 多页选择数据回显,分页记录保存选中的数据

需求:在不同的页面选择项时,选择的结果能保存起来,多个页面的选项都能被选到。

问题:当我选了第一页的一条数据时,点到第二页,数据就刷新了,第一页选的选项也就没有保存了,所以就只能永远选择一页内的数据。


    
    
    。。。

解决方案:

用 element-ui table 里这个参数:
(1)reserve-selection -->仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定 row-key

(2)配合row-key -->行数据的 Key,用来优化 Table 的渲染;在使用 reserve-selection 功能的情况下,该属性是必填的。类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function

data(){
    return{
        // 获取row的key值
        getRowKeys(row) {
            return row.id;
        },
    }
}

 

你可能感兴趣的:(element-ui)