不好意思，标题比较啰嗦，因为这次的流水账确实属于一个比较细节的小东西，下面详细讲：
1需求
最近在使用electron-vue 开发一个跨平台的桌面端软件，刚上手写了几个页面，遇到一个问题：桌面端软件通常会有导航需求，类似下图
导航按钮
点击返回按钮，返回上一页，并且显示上页内容。其实不止App，即使普通的网页中也会有此类需求，尤其是使用vue写SPA时。
项目中的导航几乎都是采用router.push({name: 'xxx', params: {xxx:123...}})这种方式。这种方式导致的一个直接问题是：当点击后退按钮(调用 router.go(-1))时，history中只保存了URL而丢失了params对象，进而导致依赖params的页面渲染异常。
2 解决
其实思路很简单，既然是在后退操作中丢失了params，那么我们自然会想到：如何保存一下params！没错，就是这么粗暴，你既然要丢，我就把你保存一下！
怎么存： 其实想都不用想这是一个跨组件通信问题拉，所以很自然的，用Vuex保存是最合乎常理的咯！
什么时候存：第一反应，调用 router.push({name: 'xxx', params: {xxx:123...}})时保存，然后如果导航回到这个URL，如果没有params，尝试从vuex store里取。似乎没错，就是麻烦了点儿！！别慌，咱们有导航钩子 router.beforeEach((to, from, next) => { // ... }) 啊！
正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。
说到这儿，你应该完全明白我的解决思路了，那下面废话就不多说了，上代码：
/*
Vuex store 定义存储对象RouterParams
*/
//...
const state = {
//定义一个存储map，key：导航name，value：导航params
paramMap: {}
}
const mutations = {
REFRESHPARAM (state, paramKV) {
//mutation，应该能看懂做的操作吧？
Vue.set(state.paramMap, paramKV.key, paramKV.value)
}
}
//...
/*
router中设置一个全局导航钩子
*/
const router = new VueRouter({ ... }) //router
router.beforeEach((to, from, next) => {
// 只有在找不到params时才"出此下策"
if (Object.keys(to.params).length === 0) {
// 从store中取出付给params，此处注意路径未必完全吻合，以你的为准
Object.assign(to.params, store.state.RouterParams.paramMap[to.name] || {})
}
// 存储一下params备用
store.commit('REFRESHPARAM', {key: to.name, value: to.params})
next() // 千万不要忘了，否则导航会被“掐死”在这儿。:-D
})
//...
很简单吧！总共没有几行代码 O(∩_∩)O~
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果（九）》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]