fix error

isunny0416 · Jul 7, 2019 · be08e94 · be08e94
1 parent 06f989c
commit be08e94
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 18 deletions.
diff --git a/examples/ch12/routertest_splash/package.json b/examples/ch12/routertest_splash/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "serve": "vue-cli-service serve --open",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint"
   },

diff --git a/examples/ch12/routertest_splash/src/components/ContactByNo.vue b/examples/ch12/routertest_splash/src/components/ContactByNo.vue
@@ -36,21 +36,13 @@ export default {
             contacts : contactlist.contacts
         }
     },
-    created : function() {
-        this.no = this.$route.params.no;
-    },
-    watch : {
-        '$route'(to) {
-            this.no = to.params.no;
-        }
-    },
     computed : {
         contact : function() {
-            var no = this.no;
+            var no = parseInt(this.$route.params.no);
             var arr = this.contacts.filter(function(item) {
-                return item.no == no;
+                return item.no === no;
             });
-            if (arr.length == 1)   return arr[0];
+            if (arr.length === 1)   return arr[0];
             else   return {};
         }
     }

diff --git a/examples/ch12/routertest_splash/src/components/Splash.vue b/examples/ch12/routertest_splash/src/components/Splash.vue
@@ -1,5 +1,6 @@
 <template>
-  <vue-element-loading :active="true" spinner="bar-fade-scale" is-full-screen />
+  <vue-element-loading :active="true" spinner="bar-fade-scale"
+    background-color="#FFFFFF" color="#000000" is-full-screen />
 </template>
 
 <script>

diff --git a/examples/ch12/routertest_splash/src/main.js b/examples/ch12/routertest_splash/src/main.js
@@ -3,6 +3,7 @@ import App from './App.vue'
 import 'bootstrap/dist/css/bootstrap.css'
 import VueRouter from 'vue-router'
 import store from './store';
+import Constant from './Constant';
 
 Vue.config.productionTip = false
 Vue.use(VueRouter);
@@ -54,14 +55,12 @@ const router = new VueRouter({
 })
 
 router.beforeEach((to,from,next)=> {
-  //store.dispatch(Constant.CHANGE_ISLOADING, { isloading: true })
-  store.state.isloading = true;
+  store.dispatch(Constant.CHANGE_ISLOADING, { isloading: true })
   next();
 })
 
 router.afterEach(()=> {
-  //store.dispatch(Constant.CHANGE_ISLOADING, { isloading: false })
-  store.state.isloading = false;
+  store.dispatch(Constant.CHANGE_ISLOADING, { isloading: false })
 })
 
 

diff --git a/examples/ch12/routertest_splash/src/store/index.js b/examples/ch12/routertest_splash/src/store/index.js
@@ -15,7 +15,7 @@ const store = new Vuex.Store({
     },
     actions : {
         [Constant.CHANGE_ISLOADING] : (store, payload)=> {
-            store.dispatch(Constant.CHANGE_ISLOADING, payload);
+            store.commit(Constant.CHANGE_ISLOADING, payload);
         }
     }
 })