每次切换路由都查一遍默认设置

layout/admin/navBar/default-select.vue

@@ -6,7 +6,7 @@
         <span>
           <!--  @change="data => changeList('plan', data)" -->
           <el-tooltip :disabled="this.user.type != 0" content="点击更改默认批次" effect="dark" placement="bottom">
-            <el-select v-model="topOptions.planyearid" :disabled="this.user.type != 0" placeholder="未设置培训计划" size="mini" @change="initPlan">
+            <el-select v-model="topOptions.planyearid" :disabled="this.user.type != 0" placeholder="未设置培训计划" size="mini" @change="initPlan" clearable>
               <el-option v-for="(i, index) in planYearList" :key="index" :label="i.title" :value="i._id"></el-option>
             </el-select>
           </el-tooltip>
@@ -14,7 +14,7 @@
         <span>
           <!-- @change="getTermList" -->
           <el-tooltip :disabled="this.user.type != 0" content="点击更改默认年度计划" effect="dark" placement="bottom">
-            <el-select v-model="topOptions.planid" :disabled="this.user.type != 0" placeholder="未设置年度计划" size="mini">
+            <el-select v-model="topOptions.planid" :disabled="this.user.type != 0" placeholder="未设置年度计划" size="mini" clearable>
               <el-option v-for="(i, index) in planList" :key="index" :label="i.title" :value="i._id"></el-option>
             </el-select>
           </el-tooltip>
@@ -22,7 +22,7 @@
         <span>
           <!--  @change="toCheckUserType()" -->
           <el-tooltip content="点击更改默认期" effect="dark" placement="bottom">
-            <el-select v-model="topOptions.termid" placeholder="未设置默认期" size="mini" @change="initClass">
+            <el-select v-model="topOptions.termid" placeholder="未设置默认期" size="mini" @change="initClass" clearable>
               <el-option v-for="(i, index) in termList" :key="index" :label="`第${i.term}期`" :value="i._id"></el-option>
             </el-select>
           </el-tooltip>
@@ -30,7 +30,7 @@
         <span v-if="user.type == 1 || user.type == 3">
           <!--  @change="setVuexOpt()" -->
           <el-tooltip content="选择要查看的班级" effect="dark" placement="bottom">
-            <el-select v-model="topOptions.classid" placeholder="选择要查看的班级" size="mini">
+            <el-select v-model="topOptions.classid" placeholder="选择要查看的班级" size="mini" clearable>
               <el-option v-for="(i, index) in classList" :key="index" :label="`${i.name}班`" :value="i._id"></el-option>
             </el-select>
           </el-tooltip>
@@ -67,12 +67,6 @@ export default {
     };
   },
   async created() {
-    if (this.needInit) {
-      const cache = sessionStorage.getItem('defaultOption');
-      if (cache) this.$set(this, `options`, JSON.parse(cache));
-    } else {
-      this.$set(this, `options`, _.cloneDeep(this.defaultOption));
-    }
     await this.init({ type: 'planYear' });
     this.loading = false;
   },

store/setting.js

@@ -27,7 +27,7 @@ const actions = {
   },
   async checkCache({ rootState, commit, dispatch }) {
     let res = commit('setDefOpt', null, { root: true });
-    if (!rootState.defaultOption) dispatch('fetch');
+    dispatch('fetch');
   },
   async update({ commit }, { id, ...data }) {
     const res = await this.$axios.$post(`${api.update(id)}`, data);