摘要：需求背景再列表頁進行一系列的篩選條件之后，點擊某一個進入詳情頁，當從詳情頁返回列表頁的時候，需要保留之前的篩選條件。

    再列表頁進行一系列的篩選條件之后，點擊某一個進入詳情頁，當從詳情頁返回列表頁的時候，需要保留之前的篩選條件。 
    

    路由跳轉的時候，把篩選條件json對象放到query中去，傳到詳情頁，返回的時候再帶回來，會導致在url后面一直會有這么一堆東西

**vuex + cookie**

    ### vuex ####
        state: {
            changeFilter: {}//變更列表篩選條件
        },
        mutations: {
            setChangeFilter (state, changeFilter) {
                state.changeFilter = changeFilter;
            }
        }
    

    ### cookie ###
        //設置cookie
        Vue.prototype.setCookie = function (name, value, day) {
            if (day !== 0) {
                var expires = day * 24 * 60 * 60 * 1000;
                var date = new Date(+new Date() + expires);
                document.cookie = name + "=" + escape(JSON.stringify(value)) + ";expires=" + date.toUTCString();
            } else {
                document.cookie = name + "=" + + escape(JSON.stringify(value));
            }
        };
        //獲取cookie
        Vue.prototype.getCookie = function (name) {
            var arr;
            var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
            if (arr = document.cookie.match(reg))
                return JSON.parse(unescape(arr[2]));
            else 
                return null
        };

    ### list.vue ####
        var isFromDetailBol = false;//是否是從詳情頁過來的，來決定是否加載param
        methods: {
            goToDetail (id) {
                //設置cookie & vuex
                this.$store.commit("setChangeFilter",this.param)
                this.setCookie("changeFilter",this.param,1);
                this.$router.push({
                    path: "/versionflow/changeinfo",
                    query: {
                        id: id
                    }
                });
            }
        },
        created:function () {
            if ( isFromDetailBol) {
                var filter = (JSON.stringify(this.$store.state.changeFilter) == "{}") ? this.getCookie("changeFilter") : this.$store.state.changeFilter;
                if (JSON.stringify(filter) != "{}") {//這里不能使用 if(filter) ，filter為空的時候他的值為{}
                    this.param = filter;
                    this.currentPage = this.param.page;
                    this.changeTypeData.changeSelected = this.param.status;
                };
            };
          this.getBranchList(this.param);//進入列表頁的時候請求數(shù)據(jù)的方法
        },
        beforeRouteEnter: function (to,from,next) {
            if (from.name == "changeinfo"){
                isFromDetailBol = true;
            };
            next();
            //一開始的時候我是在這里來進行數(shù)據(jù)的操作的，這里不能直接獲得this，需要 next ((vm) =>{ vm.$stroe.state.changeFilter })這樣獲取，而且next里的方法要在create之后執(zhí)行（這里他和組件其他鉤子函數(shù)的執(zhí)行順序需要了解一下去