vue项目中使用element的table表格进行多选操作时,当勾选了第一页数据后点击第二页后第一页的数据被清空了。

查阅官方文档发现给出了 row-key 和 reserve-selection 

解决办法: :row-key="getRowKeys"  (写在el-table中)

                    methods中声明 getRowKeys()方法 

getRowKeys(row) {
      return row.id
    },

                   :reserve-selection="true" (写在el-table-column中type为select的行中)

<el-table-column type="selection" :reserve-selection="true" width="44px" />

 

 

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐