elementUI中分页器的使用

1.background：为分页按钮添加背景色

2. current-page：为当前页

3.page-sizes：控制每页可以显示多少条数据，

4.page-size:每页的条数，对应上面 page-sizes 里面的条数

5.layout：total共多少条、sizes：控制每页显示数据、prev上一页、pager页码、next下一页、jumper跳转的显示

6.total：总共多少条

7.size-change：每页显示条数改变时处理函数

8.current-change：当前页显示条数改变时处理函数

    <!-- 分页器 --><el-row class="pagination"><el-col :span="24"><el-pagination :background="true" :current-page="currentPage" :page-sizes="[5, 10, 20, 30, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange"> </el-pagination></el-col></el-row>

methods: {// 每页展示条数handleSizeChange(val) {this.pageSize = val// 再次请求数据this.getGoodsList()},// 当前页改变，处理函数handleCurrentChange(newPage) {this.currentPage = newPage// 再次请求数据this.getGoodsList()},},

elementUI中分页器的使用相关推荐

修改elementUI中分页器的背景色
elementUI中分页器设置background时的背景色默认是这样的: 我想改成这样: 修改样式如下: ::v-deep {.el-pagination.is-background .el-pag ...
vue项目中element-ui的分页器(组件封装）
vue项目中element-ui的分页器组件 <template><el-col :span="24" class="toolbar" sty ...
关于element-ui的分页器设置每一页显示数量(page-size)后页码并没有变化的问题与解决
问题:element-ui的分页器在设置后,总页面数异常,不匹配总条数与单页显示数,设置page-size后页面也无变化 <ElPagination style="textAlign: ...
vue实战(1)——解决element-ui中upload组件使用多个时无法绑定对应的元素
解决element-ui中upload组件使用多个时无法绑定对应的元素以前写的项目关于图片上传的都是单张或几张图片上传(主要是基于vue的element),图片路径都是固定写的,所以遇见过列表中多个 ...
html5下拉列表默认值,element-ui中的select下拉列表设置默认值方法_简单_前端开发者...
element-ui中的select下拉列表如何设置默认值? 在element-ui的运用中,涉及到了select下拉列表.项目中需要将select的默认值给展示出来那如何修改呢? 上element ...
vue+elementui 中src动态加载图片的时候不起作用
vue+elementui 中src动态加载图片的时候不起作用代码如下: <el-table-column align="center" label="宠物图片& ...
ElementUI中el-upload传递额外参数为date类型时后台SpringBoot接收不到
场景 ElementUI中el-upload怎样上传文件并且传递额外参数给Springboot后台进行接收: https://mp.csdn.net/console/editor/html/10797 ...
ElementUI中的el-table怎样实现绑定对象数组时每一列不同控件的动态数据绑定
场景 ElementUI中的el-table中实现动态添加一行.删除一行.清空所有行: https://mp.csdn.net/console/editor/html/107815187 上面实现的效 ...
ElementUI中的el-table实现递增的序号列
场景 ElementUI中的el-table中实现动态添加一行.删除一行.清空所有行: https://mp.csdn.net/console/editor/html/107815187 在上面中能实 ...

elementUI中分页器的使用

elementUI中分页器的使用相关推荐

最新文章

热门文章