分页,从列表进入详情页后,再返回列表,需要记录下上次的分页
1 创建store
const state = {
page: 1
}
const mutations = {
SET_QUERY_PARAMS: (state, page ) => {
state.page = page
}
}
const actions = {
setQueryParams({ commit }, page) {
commit('SET_QUERY_PARAMS', page)
}
}
export default {
namespaced: true,
state,
mutations,
actions
}
2 在列表页进入详情页时,记录下当前分页信息
// 保存翻页的信息,返回之后回到上次的页面,比如:修改后的返回
beforeRouteLeave(to, from, next) {
// 只有跳转到指定的详情页才记录翻页信息
if (to.name === 'pageDetail')