iview+vue 使用中遇到的问题(分页)
2024-10-07 14:19:13
1、分页默认页数
当页面只有一个功能需要分页组件时,引用iview分页组件当然没问题。当一个页面中有多个需要分页组件的时候,便容易出现问题。例如:在项目中有多个不同的表格需要分页功能,几个表格共用一个分页组件,当每个页面的页码数不一时候便会发现分页组件表格内容与显示页数不一致。在iview的page中,有current属性:
正确的代码如下:
- 在分页组件中:
<div class="page-button">
<Page :total="this.count" :current.sync="currentpage" show-total @on-page-size-change="pagesizechange" @on-change="pagechange" ></Page>
</div> - 在JS中声明:
currentpage: 1,
- 代码中调用:
this.currentpage = ;
注意:
currentpage 属性只能改变分页显示的当前页码。
最新文章
- MMORPG大型游戏设计与开发(服务器 AI 逻辑设定和状态结点)
- CSS实现水平垂直同时居中的5种思路
- markdown学习笔记 (一)
- unity打包模型存在的一个问题
- 0-systemctl开机启动项
- Ubuntu下快速安装LAMP server
- 【转载】Fast Inserts to PostgreSQL with JDBC and COPY FROM
- socket通信入门
- 使用logstash+elasticsearch+kibana快速搭建日志平台
- ORA-16019: cannot use LOG_ARCHIVE_DEST_1 with LOG_ARCHIVE_DEST or LOG_ARCHIVE_DUPLEX_DEST
- SNMP ber 编码
- redis简介以及与memcached比较
- 生成最小树prim算法
- 解决 Ubuntu 开机 Waiting for 60 seconds more for network configuration
- Computer Transformation(hdoj 1041)
- hdu_5585_Less Time, More profit(二分+最大权闭合图)
- Win10构建Python全栈开发环境With WSL
- django.core.exceptions.ImproperlyConfigured: mysqlclient 1.3.13 or newer is required; you have 0.9.3.
- MAVEN简介之——pom.xml
- New Journey--工作五年所思所感小记