成都网站建设设计

将想法与焦点和您一起共享

elementui中表格多选+分页,保存所有选中数据

element UI中table表格在选中数据后点击分页,再选中数据,回到第一页后,原来选中的数据已经不再是勾选状态了,现在要怎样记住所有分页中的勾选状态呢?我这里有比较简便的方法。不需要缓存数据等复杂的方式。

创新互联公司是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发,网站制作,网站设计,网站模板,微信公众号开发,软件开发,成都小程序开发,10多年建站对成都高空作业车租赁等多个行业,拥有多年的网站制作经验。

1、首先在table标签上定义row-key和ref标志名称。具体row-key等功效,可以参考element UI文档。代码如下:

 table
          ref="table"
          v-loading="loading"
          :data="dataList"
          row-key="id"
          @select="selectItem"
          @select-all="selectAll"
        >
          column
            key="1"
            type="selection"
            width="40"
            reserve-selection
/>

当前文章:elementui中表格多选+分页,保存所有选中数据
文章出自:http://chengdu.cdxwcx.cn/article/dsojphh.html