element 前端做分页,搭配筛选以后就只能筛选当前页的数据

image.png
image.png
image.png
前端拿到所有数据了做的分页,单纯的分页是做好的,但是搭配了element的筛选以后就出现:筛选出来的数据只能筛选当前页的,一页本来是显示20条,由于是只能筛选当前页,未筛选到有些页数是空白,或者筛选出几条,不是20条,这个效果就不好,有没有大佬遇到过解决的,求解答!

阅读 5.4k
3 个回答

你要这么搞的话, 就不要用el-table的筛选功能, 而是自己去处理过滤数据

export default {
    data () {
        tableData: [],
    },
    computed () {
        filterTableData(){
            // 自己处理过滤逻辑
        }
    }
}

话说一般也不会前端来处理分页吧, 一下把所有数据全拿过来 。。

前端就不应该自己分页的,将pageSize和pageNum传给服务端,让服务端做分页,另外,搜索是检索当前页还是所有数据,这个根据产品来,同样尽量服务端做。

针对目前问题:
筛选条件进行了变化,那你就重新请求数据,然后重新渲染;

个人建议:后台进行分页;而你的筛选条件作为入参来请求数据;这样会更简单点;

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题