基于element-ui插件设置页脚

 <template><div><!-- 分页区域  @size-change页面条数发生变化时 @current-change页数发生变化时 :current-page绑定当前页数 :page-sizes每页显示条数选择  :page-size当地当前页面的条数    layout 显示的内容   :total 绑定总条数--><el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="getTableList.pagenum" :page-sizes="[10, 20, 30, 40]" :page-size="getTableList.pagesize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination></div></template><script>export default {data () {return {input3:'',// 商品列表数据tableList:[],// 获取商品列表数据的参数getTableList: {query: '',// 当前页数pagenum: 1,// 页面显示条数pagesize: 10},// 总条数total:0}},methods: {// 获取商品列表数据 get请求async getTableListFun () {const {data:res} = await this.$http.get('goods',{params:this.getTableList})console.log(res)if (res.meta.status !== 200) {return this.$message.error('获取商品列表数据失败')}this.$message.success('获取商品列表数据成功')this.tableList = res.data.goodsthis.total = res.data.total},// 页面条数发生变化时handleSizeChange (newSize) {this.getTableList.pagesize = newSizethis.getTableListFun()},handleCurrentChange (newPage) {this.getTableList.pagenum = newPagethis.getTableListFun()}},created () {// 使用获取商品列表数据 get请求函数 this.getTableListFun()}}</script>

基于element-ui插件设置页脚相关推荐

html设置只在最后一页显示页脚,在Word里怎么设置页脚只在最后一页显示？
回答: 在上一页尾插入分节符,插入-分隔符,选择分节符类型的下一页,确定.同样,在本页的页尾也插入一个这样的分节符,然后光标放在这页上设置页脚.取消"链接到前一个",使页脚上的&q ...
【科研技巧】简单的在Office Word 2019中设置页脚的页码从指定页(正文)开始
1 引言论文一般需要从正文开始插入页码,前面的标题页.目录页以及摘要页都是不需要页码的.在WPS office 可以一键设置,但是在Office需要两步第一步:在正文的上一页插入分节符第二步:在 ...
C#NPOI Excel设置单元格边框、单元格文字居中、设置打印尺寸、设置页脚、行高列宽
创建样式: ICellStyle style = workbook.CreateCellStyle(); 单元格边框 style.BorderBottom = BorderStyle.Thin; st ...
jq jqprint 设置页脚_jQuery 插件 jqprint 实现浏览器页面打印和设置页眉页脚
使用 jqprint 插件实现浏览器页面打印,需要用到两个js文件,jquery.js 和 jqprint.js,本文使用 jquery-1.4.4.min.js,jquery.jqprint-0.3 ...
html 在div 底部显示不出来,html 设置页脚div一直在页面底部
先上代码 //这部分的div的 position 是 fixed 解析: 1.先设置的 height 为 100%: 2.设置 body 的position 为 absolute,因为它里面的 div ...
jq jqprint 设置页脚_jquery.jqprint-0.3.js打印功能以及页眉页脚设置显示与否
项目中需要打印搜索使用了jquery.jqprint-0.3.js 遇到一些样式问题,现在已经解决 ,记录下来供大家参考. 下面图显示为我页面中的样式:满足需要根据设备名称输入的多少自动适应打印页面 ...
php 底部页面层,html 设置页脚div一直在页面底部
先上代码 //这部分的div的 position 是 fixed 解析: 1.先设置的 height 为 100%: 2.设置 body 的position 为 absolute,因为它里面的 div ...
html怎么设置页脚注释,Word写论文时怎么插入页脚注释？
回答: 2003Word写论文时,页眉页脚页边距设置方法如下: 一.在同一篇论文中设置不同的页眉 ,操作方法: 1.把光标分别定位在需要设置新页眉的位置,然后执行"插入"菜单→&q ...
vue2 - 基于Element UI实现上传Excel表单数据功能
一.项目场景批量数据上传后台,需要从后台下载一个固定格式的 Excel表格,然后在表格里面添加数据,将数据格式化,再上传给后台,后台做解析处理,往数据库添加数据二.实现功能展示点击导入excel ...

基于element-ui插件设置页脚

基于element-ui插件设置页脚相关推荐

最新文章

热门文章