element中Table表格控件实现单选功能、多选功能、两种分页方式

目录

  • 1、Table表格控件实现单选功能
  • 2、Table控件和Pagination控件实现多选和两种分页方式
    • 方法一:使用slice方法
    • 方法二:多次调用接口

1、Table表格控件实现单选功能


  

  

element中Table表格控件实现单选功能、多选功能、两种分页方式_第1张图片

2、Table控件和Pagination控件实现多选和两种分页方式

方法一:使用slice方法

  1. 一次调用后端接口返回所有数据list,然后使用list.slice((pageNum - 1) * pageSize, pageNum * pageSize)使得数据根据页码改变 ;

方法二:多次调用接口

  1. 每次换页都调用接口,后端每次返回该页的数据





element中Table表格控件实现单选功能、多选功能、两种分页方式_第2张图片

你可能感兴趣的:(Element,javascript,前端,elementui,vue.js)