element中table点击编辑返回默认显示第一页的问题

测试提这个bug,一直不知道怎么解决看了大神的博客解决了博客地址https://blog.csdn.net/StephenO_o/article/details/84234916

一.定义一个公共组件common.vue

<script type="text/javascript">

// 定义一些公共的属性和方法

//存值方法

  function setContextData(key, value) {

if(typeof value =="string"){

sessionStorage.setItem(key, value);}else{

sessionStorage.setItem(key,JSON.stringify(value));}}

function getContextData(key){

const str =sessionStorage.getItem(key);

if(typeof str =="string" ){

try{

return JSON.parse(str);

}catch(e) {

return str;}}

return;}

// 暴露出这些属性和方法

  export default {

setContextData,

getContextData}

</script>

二.列表页

   1.引入common文件

import globalfrom '../../common'

//分页开始方法

handleSizeChange(val) {

this.pagesize = val;

global.setContextData('conPagesize',this.pagesize)

this.initList();

},

handleCurrentChange(val) {

this.pagenum = val;

this.page = val;

global.setContextData('conPagenum',this.pagenum)

this.initList();

},

2.created中获取该值

created(){

this.pagenum = global.getContextData('conPagenum') ||1

  this.pagesize = global.getContextData('conPagesize') ||5

},

3.一定要注意分页组件中的 :current-page="pagenum" 和

:page-size="pagesize"