element 编辑 跳转页面_使用element-UI分页器，从列表页跳转到详情页面再返回的时刻，显示原先的点击页数 排坑...

后台治理系统使用Vue+element-UI

需求列表页面分页显示，当跳转到详情页面的时刻，需要纪录当前的分页数，利便返回的时刻还留在详情页

①方案1 sessionStorage localstorage

缺陷若是点的并不是详情页而是其余页面，再返回到列表页的时刻，默认是不会显示第一页的，而是显示你纪录的页数，跟我的需求不符合pass

然则在用sessionStorage的时刻 遇到了一个新鲜的问题 在下面我会解说我遇到的坑

②路由传参 该方案是Vue中不管做菜单的高亮回显，照样分页器都是不错的方案

步骤就是在跳转页面的方式中通报一个query参数

this.$router.push({

name: 'DataEdit',

query: {

pageNum: this.pageInfo.pageNum

}

});

编辑页面吸收参数返回的时刻携带该参数

var _pageNum = this.$route.query.pageNum

if ( _pageNum ) {

this.$router.push({

name: 'DataList',

query: {

pageNum: _pageNum

}

});

然则编辑页面通报的这个参数在列表中的那边取值是个大问题，由于我就被这个问题折腾了一个小时，

原先我是在mounted钩子函数中取这个值的，然则数据是变了，然而分页按钮并未显示到准确的位置上。上面提到过我用sessionStorage是可以的，但也不完全准确

分页面吸收的pageNumber参数的类型是数字，而我传的是String类型 以是用sessionStorage的方式放到mounted函数中虽然生效，然则控制台会有错误忠告，用路由传参的方式，换成了String类型是不行的，这个就很新鲜了，原理不得而知。

最后解决方式就是别放到mounted中取值，而是created钩子中

原文链接：https://www.cnblogs.com/tw6668/p/12890021.html

本站声明:网站内容来源于网络,若有侵权,请联系我们,我们将及时处理。