vue查询全表数据,现在只能查一页,我该怎么改成查全部呢?

发布于 2022-09-12 13:03:22 字数 1770 浏览 10 评论 0

这是现在table表格的在计算属性的实现方法。
dataSource是放接口返回的table表数据,然后再经计算属性在我搜table数据时,实时改变table表的数据,但是现在只能搜索当前页的,我该怎么换成全部的,然后刚开始进入的分页接口那部分还不会改变。

table:
![image.png](/img/bVcHHYR)
搜索后:
![image.png](/img/bVcHHYY)

这个接口可以搜索全表,我给他传了值然后返回的数据是有的,但是我无法把他加入table表中,然后最开始的接口还管用。

this.$api.generator.exportExcel({

   st_name: this.st_name
  }).then((data)=>{
    console.log(data)

})

  computed: {
    // table数据处理
    datas() {
        const st_name = XEUtils.toString(this.st_name).trim().toLowerCase();
        if (st_name) {
          const filterRE = new RegExp(st_name, "gi");
          const searchProps = ["st_name"];
          const rest = this.dataSource.filter((item) =>
            searchProps.some(
              (key) =>
                XEUtils.toString(item[key])
                  .toLowerCase()
                  .indexOf(st_name) > -1
            )
          );
          return rest.map((row) => {
            const item = Object.assign({}, row);
            searchProps.forEach((key) => { // 改变字体颜色
              item[key] = XEUtils.toString(item[key]).replace(
                filterRE,
                (match) => `<span class="keyword-lighten">${match}</span>`
              );
            });
            return item;
          });
        }
      // })
      return this.dataSource;
    },
  },

接口:

    // 获取数据
    findList() {
      this.$api.generator.findAll({
        page: this.tablePage.currentPage,
        rows: this.tablePage.pageSize
      }).then((data)=>{
        console.log(data.content)
        this.dataSource = data.content;
        this.tablePage.totalResult = data.totalElements;
      })
    },

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

樱娆 2022-09-19 13:03:22

难道不是带着搜索关键字去查接口返回列表吗,每次搜索重置页数为1,重置列表内容为接口返回数组

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文