首页 > 其他分享 >elementui 分页page-size current-page 不随着组件改变问题

elementui 分页page-size current-page 不随着组件改变问题

时间:2023-06-23 19:11:08浏览次数:41  
标签:分页 elementui sync current pageData page size

问题出在未使用  .sync 上!

    :current-page.sync="pageData.PageIndex"
   :page-size.sync='pageData.PageSize'
<el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page.sync="pageData.PageIndex"
      :page-sizes ="pageData.PageSizes"
      :page-size.sync='pageData.PageSize'
      layout="total, sizes, prev, pager, next, jumper"
      :total="pageData.total"
    >
    </el-pagination>

 

 

//分页条件
      pageData: {
        PageIndex: 1,
        PageSize: 10,
        PageSizes: [5, 10, 20, 30, 40],
        Order: "",
        total: 0,
      },

  

标签:分页,elementui,sync,current,pageData,page,size
From: https://www.cnblogs.com/JohnnyLei/p/17499766.html

相关文章

  • 【并发编程】为什么Hashtable和ConcurrentHashMap 是不允许键或值为 null 的,HashMap
    原文链接:https://blog.csdn.net/cy973071263/article/details/126354336目录一、从源码的角度分析原因1.1Hashtable1.2ConcurrentHashMap1.3HashMap二、从架构设计的角度分析原因2.1为何不支持null值?2.1.1ConcurrentHashMap2.1.2Hashtable2.1.3HashMap2.2......
  • java.util.concurrent.RejectedExecutionException 问题
    java.util.concurrent.RejectedExecutionException问题 http://qingfeng825.iteye.com/blog/1670511 http://blog.sina.com.cn/s/blog_6145ed81010143l8.html http://yaozhiqiang109.iteye.com/blog/1137579......
  • ConCurrentHashMap在1.7和1.8区别
    ConCurrentHashMap1.8相比1.7的话,主要改变为:去除Segment+HashEntry+Unsafe的实现,改为Synchronized+CAS+Node+Unsafe的实现其实Node和HashEntry的内容一样,但是HashEntry是一个内部类。用Synchronized+CAS代替Segment,这样锁的粒度更小了,并且不是每......
  • ConcurrentHashMap的使用场景
    一、并发容器ConcurrentHashMapHashMap是我们用得非常频繁的一个集合,但是它是线程不安全的。并且在多线程环境下,put操作是有可能产生死循环,不过在JDK1.8的版本中更换了数据插入的顺序,已经解决了这个问题。为了解决该问题,提供了Hashtable和Collections.synchronizedMap(hashMap)......
  • ConcurrentHashMap使用案例(单词数量统计)
    前言目标:实现单词数量统计过程:首先使用26个英文字母,每个字母200个,将26200个字母打乱顺序存入26个txt文件中。使用26个线程,每个线程统计一个txt文件的200个字母。26个线程同时操作这一个Map集合。最终想要得到的结果为:a:200(a被统计了200次),b:200(b被统计了200次)……z:200(z被统计200......
  • ElementUI 获取table中选中的行的两种方式
    Element获取table中选中的行的两种方式<el-tableref="multipleTable":data="data"style="width:100%"border@selection-change="selectionLineChangeHandle"></el-table>   //数据保存data(){return{dataonLineLi......
  • HashMap 、LinkedHashMap 、 Hashtable 、ConcurrentHashMap的使用区别和Collections
    LinkedHashMapLinkedHashMap的使用publicstaticvoidmain(String[]args){ LinkedHashMap<String,Integer>map=newLinkedHashMap<>(); //添加元素 Integerput1=map.put("大文",25); Integerput2=map.put("小文",26); Integer......
  • POSTGRESQL 设置hugepage 可以让系统使用内存更有效率,防止OOM
    https://www.percona.com/blog/why-linux-hugepages-are-super-important-for-database-servers-a-case-with-postgresql/https://bbs.huaweicloud.com/blogs/detail/156799Hugepage是什么,基于LINUX系统,大页面对虚拟内存管理是有必要的。除标准的4KB页面之外,还进行内存中的大页面......
  • Mybatis-plus的selectPage()分页查询不生效问题
    @Configuration@MapperScan("com.wl.spbt_vue.mapper")publicclassMybatisPlusConfig{@BeanpublicMybatisPlusInterceptormybatisPlusInterceptor(){MybatisPlusInterceptorinterceptor=newMybatisPlusInterceptor();inte......
  • 已安装过PageOfiice,谷歌浏览器反复提示PageOffice安装
    原因:Chrome开发团队以网络安全为由,强推ssl证书,希望所有部署在公网的网站,全部改用https访问,所以最新的谷歌和edge升级到94版本后对公网上的http请求下的非同域的http请求进行了拦截,于是就出现了目前遇到的反复提示安装pageoffice客户端的问题。解决方案:步骤1:打开谷歌浏览器,在浏览器......