关于Vue框架Element UI中分页器，当前页的问题

页面跳转后，再返回本页面依然是之前跳转时的pageNum。

---当分页超过2页时，在大于等于第二页中进行跳转，跳转到其他页面后返回，依然是跳转时的页面。

这里面涉及到的参数传递自然是用router中的query进行参数传递，跳转时，将本页的pageNum传到下一个页面，下一个页面返回时，也要带上pageNum参数，这样返回到原先页面后，就可以用this.$route.query得到参数的集合。

得到所需要的参数pageNum后，再利用分页器的current-page属性，进行赋值即可。

（注意：current-page所需要的值必须是数值型数据，所以必须用Number转换！）

！重要！

应该在生命周期created中进行赋值，然后在mounted中进行数据的重新获取。

/* 在mounted生命周期中进行赋值，会形成current-page与当前页面中的数据不符合的bug。比如：页面中会显示当前页为1，实际当前页为你传递的参数那一页，而数据也是传递的参数那一页，就会形成bug。 */

created(){this.currentPage=Number(this.$route.query.num);  //num 为传递的参数，可以写成其他变量//this.currentPage，为代码中分页器的current-page属性绑定的变量。}，
mounted(){this.getList(this.currentPage);       //this.currentPage作为参数传递给methods中定义的方法
}

关于Vue框架Element UI中分页器，当前页的问题相关推荐

Node mysql mvc vue_net MVC +Vue.js+Element UI 笔记
最近项目需求,要在MVC里用Vue 与 Element UI,故而做个笔记来记录一些遇到的问题和处理思路 (方式比较麻瓜,如果不是临时用的话,建议还是学一下Vue-cli,新项目还是老老实实前后端分离 ...
vue框架是ui框架么_Vue是2020年一个了不起的框架，为什么
vue框架是ui框架么 An amazing conference regarding the Vue framework was held in the US in the first week o ...
【Vue】 element ui 引入第三方图标
最近一个项目用到 vue 和 element ui开发前端.使用element ui自带的icon太少,所以引入第三方的.截止目前为止国内外网络上的相关教程我搜索到没超过5篇,而且都不详细,即使全部阅 ...
Web前端笔记-修改element ui中表格样式（透明、去横纵线等含修改思路）
官方效果是这样的: 此处改成了这样的效果: 此处是可以进行滑动的,就是去除了滑动条,仍能滑动的效果. 下面说下修改样式,找到使用el-table的vue组建: 在style中贴上: <style ...
关于Element UI中select组件中遇到的问题
问题一:在使用select组件设置多选功能后,窗口抖动问题? 详细描述:在我使用select做多选的功能时出现了窗口抖动的问题,测试的时候发现,在有些人的电脑上抖动,有些人的电脑上不抖,找了很多文档, ...
关于Element UI中页面样式小问题
一,修改组件dialog窗口的大小二,在我使用upload组件上传一张美女图片时,发现当预览图片时,图片是灰色的,点击一下才会变亮,这种效果使我很不舒服,于是我通过添加下面的一条样式,问题解决了(可 ...
Element UI中Steps 步骤条description描述换行展示
突然要求加了个显示字段,之前的代码只能显示一行,于是乎找到了解决办法,代码如下:其中的属性自行到官网查看释义吧:Element UI官网传送门 <el-table><!-- 可展开的 ...
关于Element UI中日期时间选择器在IE浏览器中初始化显示的兼容性问题
一.简单说明项目使用Vue+Element UI进行开发,使用了 DateTimePicker 日期时间选择器. 二.问题描述打开修改对话框(进行选择日期操作可以正常显示),在谷歌浏览器中初始化时 ...
使用xlsx 下载 element ui 中的表格
原文链接: 使用xlsx 下载 element ui 中的表格上一篇: MongoDB 聚合下一篇: vue router 路由守卫登录验证 https://github.com/SheetJS ...

关于Vue框架Element UI中分页器，当前页的问题

页面跳转后，再返回本页面依然是之前跳转时的pageNum。

！重要！

应该在生命周期created中进行赋值，然后在mounted中进行数据的重新获取。

关于Vue框架Element UI中分页器，当前页的问题相关推荐

最新文章

热门文章