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

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

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

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

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

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/weixin_44191318/article/details/120177366