对element-ui分页组件Pagination再简化

重置组件目的

在使用Pagination分页组件时 每用一次就要定义一个变量来存储 current-page 与 page-size 并且要定义两个方法size-change与current-change进行分页切换甚是繁琐于是对Pagination分页组件再简化。

组件代码 (简化后代码兼容原有使用方法)






未简化前使用(我们使用组件没用一次分页组件都要多个字段来存储分页数的值和分页大小及切换方法)



简化后使用 (我们就不再需要定义这些字段来存储这些值了 且只要定义一个方法来进行切换想要改变值直接改 this.refs['pagination'].localPageSize 这样字段也减少不少 )



你可能感兴趣的:(对element-ui分页组件Pagination再简化)