• elementUI 分页bug解决


      在使用elementui的分页组件时,我发现当对表格数据进行删除时,而且是删除到该页最后一条数据时,当前页面currentPage并不能自动减1,也就是说,当前页currentPage只有你点击页码时才会发生改变,这就会使你自定义的序号错乱。但是我们可以使用watch监听页面数据总条数totalNum,来完美解决这个问题(或者每次删除后,定位到第一页,也就是让currentPage = 1,不建议使用)

      代码

    // totalNum 数据总条数   
    // currentPage 当前页
    // pageSize 每页显示的数据条数

    watch: { totalNum(){ //注意这个函数的名字必须和你监听data中的属性的名字一样,这样才能当你data中的属性发生变化时,触发这个函数
    if(this.totalNum==(this.currentPage-1)*this.pageSize&& this.totalNum!=0){ //这一行是关键代码,倍数关系 this.currentPage -= 1 this.geiList()//获取表格数据的方法 } } },
    //额外说一点,数据的每个序号,一般用
      item.number = this.pageSize * (this.currentPage - 1) + (index + 1);
     
     //这行代码来实现
    
    

      

  • 相关阅读:
    BZOJ2874 训练士兵 主席树
    单纯形 BZOJ3112: [Zjoi2013]防守战线
    珠宝 jewelry 省选模拟
    FWT [BZOJ 4589:Hard Nim]
    后缀自动机SAM BZOJ 2806
    就是要第一个出场的albus 【BZOJ】 线性基
    冲刺第十二十三天
    冲刺第十 十一天
    阅读8.9.10
    冲刺第八九天
  • 原文地址:https://www.cnblogs.com/wangqi2019/p/11321408.html
Copyright © 2020-2023  润新知