Vue列表工具条的几个属性

在Vue的组件中,如果是弹出页具有分页操作的话,可能我们上一次留下的记录会存在
导致下一次打开的时候,保留着上一次查询的记录,比如说我们上次看到第二页,打开就显示第二页,但是内容是第一页的内容

这个时候有两个配置

:pag-size=“pageSize”
:current-page.sync=“currentPage”

第一个参数是指定我们的页面上有几行信息
第二个参数是指定我们默认是第几页的问题

通写入return
pageSize currentPage
并且在这个页面打开重新加载的时候,可以给这两个参数重新赋值
通过
this.pageSize和this.currentPage=?的方式重新赋值,这样就能正常显示我们希望的分页信息

还有就是@size-change:“方法名”和@current-change=“方法名”这两个属性
他们的作用分别是控制页面行数的变化和控制第几页的问题

:page-sizes=“[15,30,45]”可以通过这个属性设置可选择的每页的行数

:total:“” 这个是控制显示总计多少条的设置

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值