elementUI(vue-admin-beautiful)翻页组件的再次封装

        最近在使用vue-admin-beautiful做后台系统的时候发现翻页组件用的频率非常高,虽然它内部已经进行封装了但每次都要重用很多代码到不同的页面,索性给它进行二次封装(放进一个文件里边,需要用到分页的时候直接引入就好),话不多说上代码。

***(父组件代码截图如下)

一. 第①步在父组件中直接引入封装后的翻页组件(pages),并接收翻页需要传递的参数对象queryForm。

二. 第②和③步在父组件中引入子组件。

三. 第④步需要将接口中传入的参数(queryForm)在父组件中初始化。

***子组件代码(截图如下)

一. 需要在子组件中的props接收父组件传递的参数,

二. 需要在①中相应的位置填上合适的接口字段

三. 在methods中写入两个控制翻页的方法(注意:getlist()方法必须要和父组件获取页面数据的方法一样,用来操作完翻页之后调取数据刷新页面的)

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值