需求场景:
在列表页进行一系列的筛选条件之后,点击某一个进入详情页,当从详情页返回列表页的时候,需要保留之前的筛选条件。
最开始的实现方法:
路由跳转的时候,把筛选条件json对象放到query中去,传到详情页,返回的时候再带回来,会导致在url后面一直会有这么一堆东西
在网上查到的方法:
vuex + cookie 实现从详情页返回列表页,保留列表页之前的筛选条件
在此基础上我抛弃了cookie,直接用vueX + 生命周期中的beforeRouteLeave、beforeRouteEnter轻松实现
不说了,直接上代码:
vuex中:
export default new Vuex.Store({
state: {
changeFilter: {
}//存储变更列表筛选条件
}
mutations: {
setChangeFilter (state, changeFilter) {
state.changeFilter