提示:这里简述项目相关背景:
vue项目使用el-ui库,由于原本的el-pagination显示字段和样式无法满足其他项目的设计要求,需要进行改动
el-ui官网:
改动后:
1、创建自定义分页组件
selfPagination.vue
" prev-text="< 上一页"@size-change="handleSizeChange" @current-change="handleCurrentChange">
2、使用自定义分页组件举例
tablePage.vue
...
踩坑记录:
1、在selfPagination.vue中,原先el-ui分页的“前往x页”要改成“跳至x页”,以及“共xx条”中样式文字的设置,最好在mounted中,预先初始化设置一下,防止接口数据加载前后显示不同。
2、在selfPagination.vue中,点击换页按钮和分页条数按钮需要给pageSize
和currentPage
重新赋值(例:methods中两个方法)
下一篇:C++ 20 原子引用 (一)