zoukankan      html  css  js  c++  java
  • 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);
     
     //这行代码来实现
    
    

      

  • 相关阅读:
    Ibatis,Spring整合(注解方式注入)
    Amoeba搞定mysql主从读写分离
    ClickjackFilterDeny X-Frame-Options
    Clickjacking: X-Frame-Options header missing
    升级至Struts2 2.5.2
    js和java MD5加密
    Struts2 2.5.2
    Struts2 2.5.2的套路
    java8 集合流式操作
    JS 文本输入框放大镜效果
  • 原文地址:https://www.cnblogs.com/wangqi2019/p/11321408.html
Copyright © 2011-2022 走看看