三十九、vue中element最原始的分页(未封装的)
2024-08-25 10:40:11
html
<el-table ref="scoreUserTable" :data="scorePageUser.slice((currentPage1-1)*pageSize1,currentPage1*pageSize1)" tooltip-effect="light" size="mini" id="out_table3"
style="width: 100%" border></el-table> <div style="text-align: center;">
<el-pagination v-show="show1" background @size-change="handleSizeChange1" @current-change="handleCurrentChange1" :current-page="currentPage1" :page-sizes="[5, 10, 15, 20]" :page-size="pageSize1" layout="total, sizes, prev, pager, next, jumper" :total="scorePageUser.length">
</el-pagination>
</div>
data() {
return {
activityId:'',
scoreUserForm: {
name: '',
},
currentPage1: 1,
pageSize1: 10,
scorePageUser: [],
}
},
//分页隐藏显示。无数据隐藏
computed: {
show1: function() {
return this.scorePageUser.length == 0 ? false : true;
}
},
methods: {
this.getScoreData();
} getScoreData() {
var name = this.scoreUserForm.name;
this.getRequest("/publishActivity/getScoreInfo?id=" + this.activityId + "&name=" + name).then(resp => {
this.currentPage1 = 1;
this.scorePageUser = resp.data;
})
},
最新文章
- nginx下目录浏览及其验证功能配置记录
- 8-07CONTIUE 、 BREAK、RETURN
- 一个的unity学习系列的博客
- Flex contextMenu
- Castle.Net 基本应用
- [iPhone高级] 基于XMPP的IOS聊天客户端程序(IOS端一)
- Xcode6 模拟器不显示键盘
- 请问JDBC中IN语句怎么构建
- c#基础语言编程-编码
- 亲测apache
- Android开源项目 Universal imageloader 源码研究之Lru算法
- 关于springmvc 方法注解拦截器的解决方案,多用于方法的鉴权
- Qt绘制文本二 弯曲排列和旋转效果 弧形路径 正弦函数路径
- sass嵌套风格
- [转]Webpack 入门教程
- 关于pthread_cond_wait()使用的理解
- QList 列表指针的 释放
- 连接redis
- 自定义类型转换器之TypeConverter
- Angular开发者手册重点翻译之指令(一)
热门文章
- SpringBoot 2.X集成Hive-jdbc 3.1.1
- 从壹开始微服务 [ DDD ] 之七 ║项目第一次实现 &; CQRS初探
- 【Android Studio安装部署系列】十八、Android studio更换APP应用图标
- 总结C语言字符检测函数:isalnum、isalpha...
- Python获取网络中的存活主机以及哪些主机是Linux
- Asp.Net Core微服务初体验
- Asp.Net Core 轻松学-利用xUnit进行主机级别的网络集成测试
- 深入理解Linux内核 学习笔记(1)
- SLAM+语音机器人DIY系列:(二)ROS入门——10.在实际机器人上运行ROS高级功能预览
- [转]Have a query in Blue prism coding stage and collection stage.