2020-12-24

处理vue使用router传参，使用浏览器的前进导致无参数情况

let paramsStore = {},
	isNext = false;//处理next()重定向时候重复进入的问题
router.beforeEach((to, from, next) => {
	let params = to.params;
	let name = to.name;
	if (isNext) {
		isNext = false;
		next(false)
	}
	// 处理ios前进，router传参失效
	// 如果之前有缓存，就判断这次的进入有没有值
	if (paramsStore[name] && !Object.keys(params).length) {
		isNext = true;
		next({
			name,
			params: { ...paramsStore[name]
			}
		})
	} else {
		// 表示之前没有缓存
		// 判断这个页面需不需要router传参
		if (Object.keys(params).length) {
			paramsStore[name] = { ...params
			}
		}
		next()
	}
})

代码很简单，要是有问题欢迎提出