diff --git a/webintroduce/src/App.vue b/webintroduce/src/App.vue index 6110b05..49c1825 100644 --- a/webintroduce/src/App.vue +++ b/webintroduce/src/App.vue @@ -1,11 +1,11 @@ @@ -17,6 +17,22 @@ export default { components:{ VHeader, VFooter + }, + data() { + return { + footerShow: true, + headerShow: true + } + }, + watch: { + $route(to, from){ + console.log(this.$route.path) + if(this.$route.path === '/login'){ + this.headerShow = this.footerShow = false + }else { + this.headerShow = this.footerShow = true + } + } } } diff --git a/webintroduce/src/components/VHeader.vue b/webintroduce/src/components/VHeader.vue index da7c292..1c580f0 100644 --- a/webintroduce/src/components/VHeader.vue +++ b/webintroduce/src/components/VHeader.vue @@ -5,7 +5,6 @@ :to="{path:link.linkPath}" tag="li" v-for="(link,index) in navLinks" :key="index" - @click="navChange(index)" exact=""> {{link.name}} @@ -20,15 +19,14 @@ export default { return { navLinks: [ {name:'首页',linkPath:'/home'}, - {name:'解决方案',linkPath:'/solution'} + {name:'解决方案',linkPath:'/solution'}, + {name:'登录',linkPath:'/login'} ] } }, methods:{ - navChange(index) { + }, - } - } } diff --git a/webintroduce/src/main.js b/webintroduce/src/main.js index f34026e..72d461b 100644 --- a/webintroduce/src/main.js +++ b/webintroduce/src/main.js @@ -7,6 +7,12 @@ import router from './router' require ('./assets/css/reset.css') Vue.config.productionTip = false +router.beforeEach((to, from, next) =>{ + console.log(to) + document.title = to.meta.title + next() +}) + /* eslint-disable no-new */ new Vue({ el: '#app', diff --git a/webintroduce/src/router/index.js b/webintroduce/src/router/index.js index 8fd882f..acad057 100644 --- a/webintroduce/src/router/index.js +++ b/webintroduce/src/router/index.js @@ -1,8 +1,9 @@ import Vue from 'vue' import Router from 'vue-router' -import VHome from '../views/VHome' -const VSolution = () => import('../views/VSolution') -const VEnterprise = () => import('../views/VEnterprise') +import home from '../views/home' +const solution = () => import('../views/solution') +const enterprise = () => import('../views/enterprise') +const login = () => import('../views/login') Vue.use(Router) @@ -16,17 +17,34 @@ export default new Router({ { path: '/home', name: 'home', - component: VHome + component: home, + meta: { + title: '首页' + } }, { path: '/solution', name: 'solution', - component: VSolution + component: solution, + meta: { + title: '解决方案' + } }, { path: '/enterprise/:id', name: 'enterprise', - component: VEnterprise + component: enterprise, + meta: { + title: '企业' + } + }, + { + path: '/login', + name: 'login', + component: login, + meta: { + title: '登录' + } } ] }) diff --git a/webintroduce/src/views/VEnterprise.vue b/webintroduce/src/views/enterprise.vue index 64d23ed..64d23ed 100644 --- a/webintroduce/src/views/VEnterprise.vue +++ b/webintroduce/src/views/enterprise.vue diff --git a/webintroduce/src/views/VHome.vue b/webintroduce/src/views/home.vue index ac0e1e1..ac0e1e1 100644 --- a/webintroduce/src/views/VHome.vue +++ b/webintroduce/src/views/home.vue diff --git a/webintroduce/src/views/login.vue b/webintroduce/src/views/login.vue new file mode 100644 index 0000000..92bd752 --- /dev/null +++ b/webintroduce/src/views/login.vue @@ -0,0 +1,13 @@ + + + + + diff --git a/webintroduce/src/views/VSolution.vue b/webintroduce/src/views/solution.vue index c84c788..c84c788 100644 --- a/webintroduce/src/views/VSolution.vue +++ b/webintroduce/src/views/solution.vue