问题描述:如何在使用Vue-beauty分页组件切换页面索引、页容量时,更新table组件

3 篇文章 0 订阅
问题描述:如何使用分页组件切换页时,更新table组件
解决方法

分页组件有两个函数,change(监听页数变化)、sizeChange(监听页面容量的变化)在这里插入图片描述
两个属性,value(得到当前的页面),pageSize(得到页面容量)
在这里插入图片描述
将 navigation 组件的两个属性【value、pageSize】和 table 组件的同样作用的两个属性【pageNum、pageSize】,合二为一,即使用一对
在这里插入图片描述
同时分别在监听函数里调用重新获取数据的方法,这里需要注意的是
不能使用table组件的loadData函数来获取,里面不能对Vue的任何属性、函数进行修改

在这里插入图片描述

重新封装一个函数ReGetData,获取数据的内容不变,最后return之前对table组件的 mydata进行传值,就能实时更新了

在这里插入图片描述
封装的方法
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值