关于分页组件记住page和size

之前实习的写过关于记住页码的,但是写的很麻烦
今天看到了这种写法,记录一下

router下的index.js预处理一下
就是把pageSize变为一个对象,key存当前路由,valuesize
或许可以实现记住pagesize的值(即离开页面再回来的时候还是之前的size和page)

router.beforeEach((to, from, next) => {
        let pageSize = JSON.parse(window.localStorage.getItem('pageSize')) || {};
        let keyTo = to.path;
        let keyFrom = from.name;
        if(!keyFrom) {
            pageSize[keyTo] = pageSize[keyTo] || 20;
        } else {
            pageSize[keyTo] = 20;
            pageSize[keyFrom] = 20;
        }
        window.localStorage.setItem('pageSize', JSON.stringify(pageSize));

        next();
    }

你可能感兴趣的:(web前端,组件相关)