zoukankan      html  css  js  c++  java
  • 当前页码删除唯一数据后加载前一页内容

    tips:vue环境

    先讲一下思路。
    获取列表数据的接口,默认后台回返回一个数组,就是我们需要渲染在页面上的数据,另外一个就是总数(total),用于分页组件显示共有多少条数据。
    分页组件中我们需要一个值,就是当前分页组件的大小(一页显示多少条数据)实例代码会用pageSize来代替。
    我们默认每次删除成功后会重新向后台请求一遍列表数据。
    当我最开始加载页面的时候,获取到后台返回的数据总数,然后在data里声明两个变量,为数值类型。

    method:{
     getList(pageNumber ){
      let params ={
         pageNumber: pageNumber ? pageNumber : this.page.current,
         //其他内容略
        }
         发送请求.then(data =>{
           this.getList  = data.list  //返回内容
           this.page.total = data.count;//后端返回的总数
     
            this.afterPage= Math.floor(this.page.total / this.page.size);
             全部的数据值/页面大小 并且向下去整数
            this.nowSize= this.page.total % this.page.size;
             全部的数据值除页面大小的余数  最后一页的数据条数
        })
    
      //删除事件
           发送删除请求.then(() => {
           if(this.nowSize ='1' && this.afterPage>='0'){
               this.getList(this.afterPage)
            }else {
               this.getList()
            }
       })
    }
    

      由于我取到的afterPage是向下取整的,所以需要请求前一页数据的时候不需要-1,但是当我当前页码为1时,我的afterPage就是0了,为了避免我向后台传入pageNumer=0,加了一层判断。直接走else里的事件就可以了~

  • 相关阅读:
    mysql集群架构
    mysql数据库版本不同所引起的问题
    linux下mysql安装
    windows下mysql的安装
    JMeter操作mysql
    Tomcat 配置下载服务器
    JMeter接口测试——关联
    JMeter接口测试——断言
    JMeter接口测试——参数化(从文件中读取参数)
    JMeter接口测试示例(三)——添加HTTP认证
  • 原文地址:https://www.cnblogs.com/JiAyInNnNn/p/11343799.html
Copyright © 2011-2022 走看看