vue项目中element-ui的分页器(组件封装）

vue项目中element-ui的分页器组件

<template><el-col :span="24" class="toolbar" style="text-align: center;"><el-pagination@size-change="handleSizeChange" //  事件：更换每页列内不同的行数@current-change="handleCurrentChange" // 事件：换页:current-page="currentPage" // 当前页数:page-sizes="[5, 10, 20, 40]" // 每页的列表内可更换的不同行数:page-size="pagesize" // 当前页面内的列表行数layout="total, sizes, prev, pager, next, jumper":total="total" // 列表内所有数据的长度></el-pagination></el-col>
</template>
<script>data() {return {total: 0, // 列表内所有数据的长度currentPage: 1, // 初始页pagesize: 10, // 当前页面内的列表行数}}// 初始页page、初始每页数据数pagesize和数据data// 更换每页列内不同的行数：更新列表数据 handleSizeChange: function(pagesize) {this.pagesize = pagesize;console.log(this.pagesize); // 每页下拉显示数据this.getUsers();},// 换页：更新列表数据handleCurrentChange: function(currentPage) {this.currentPage = currentPage;console.log(this.currentPage); //点击第几页this.getUsers();},
</script>

vue项目中element-ui的分页器(组件封装）相关推荐

vant部署_详解VUE项目中安装和使用vant组件
Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件. 特性 50+ 个经过有赞线上业务检验的组件单元测试覆盖率超过 90% 完善的中英文文档和示 ...
VUE项目中安装和使用vant组件
Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件. 特性 50+ 个经过有赞线上业务检验的组件单元测试覆盖率超过 90% 完善的中英文文档和示 ...
【2】Vue项目引用Element UI（饿了么框架）菜单导航条初期配置
首先要理解Vue项目加载顺序: index.html → main.js → App.vue → nav.json→ routes.js → page1.vue index.html建议加入样式 &l ...
iconfont 在vue项目中的应用（icon-component组件）
前言:上一篇记录了iconfont的三种基本使用方法. 在Vue中应该如何使用呐?Vue中的组件化思想很明确,要提高组件的复用率,增强项目的可维护性,扩展性.以下是采用icontfont的使用方式之s ...
vue项目中使用百度地图功能
1.百度地图api官方文档: https://lbsyun.baidu.com/index.php?title=jspopularGL 在百度地区去申请一个百度地图key.这个key属于私密的,部分高 ...
在已有vue项目中半途引入cube ui组件库的使用遇到的坑(血泪)
直接进入正题(我这儿是属于cube-ui普通编译) 1,在你的vue项目中找到package.json文件安装cube-ui 终端输入命令 npm install cube-ui --save 2 ...
基于 Vue JS、Element UI、Nuxt JS的项目PC端前端手册
基于 Vue JS.Element UI.Nuxt JS的项目PC端前端手册前言:笔记写于2020年5月左右,刚开始做前端时整理的笔记 1.环境搭建 1.安装nodeJs 官网下载地址:http ...
vue项目中实现头像上传的功能型组件
@vue项目中实现头像上传的功能型组件功能需求实现个人中心的头像上传功能: 1.用户未上传过头像,展示设定好的默认头像(区分男女) 2.支持格式png.jpg.jpeg 3.图片大小:小于等于2M ...
Vue项目中公用footer组件底部位置的适配问题
vue项目中公用footer组件底部位置的适配问题需求: footer为公用组件,其他页面都需要引入,这是会存在一种情况:有的页面高度很高,footer组件要放在内容的最后:有的页面内容很少,高度很 ...

vue项目中element-ui的分页器(组件封装）

vue项目中element-ui的分页器(组件封装）相关推荐

最新文章

热门文章