在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/GO  HTML/ vue 固定頭位，但是現(xiàn)在要做一個單獨的登陸頁面，求解？

vue 固定頭位，但是現(xiàn)在要做一個單獨的登陸頁面，求解？

如圖：需要登陸頁面單獨顯示，現(xiàn)在都在頭尾中間

====

clipboard.png

router.js

import Vue from 'vue'
import Router from 'vue-router'
import Index from '../components/index'
import Classify from '../components/classify'
import Cart from '../components/cart'
import Center from '../components/center'
import Login from '../components/welcome'
Vue.use(Router)

export default new Router({
    mode: 'history',
  routes: [
    {
      path: '/welcome',
      component: Login
    },
    {
      path: '/',
      component: Index
    },
    {
      path: '/classify',
      component: Classify
    },
    {
      path: '/cart',
      component: Cart
    },
    {
      path: '/center',
      component: Center
    }
  ]
})
回答
編輯回答
無標(biāo)題

不要SPA，login獨立出來做一個頁面

2018年7月14日 18:22
編輯回答
哚蕾咪

可以判斷當(dāng)前路由，用vuex去控制頭尾的顯示

2017年10月26日 17:00
編輯回答
耍太極
import Vue from 'vue'
import Router from 'vue-router'
import Index from '../components/index'
import Classify from '../components/classify'
import Cart from '../components/cart'
import Center from '../components/center'
import Login from '../components/welcome'

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/login',
      component: Login // 登錄頁面
    },
    {
      path: '',
      component: App, // 原來的 App.vue
      children: [
        {
          path: '/welcome',
          component: Login
        },
        {
          path: '/',
          component: Index
        },
        {
          path: '/classify',
          component: Classify
        },
        {
          path: '/cart',
          component: Cart
        },
        {
          path: '/center',
          component: Center
        }
      ]
    }
  ]
})

App.vue 換成

<template>
  <router-view />
</template>

參考: https://router.vuejs.org/zh-c...

2017年1月28日 01:25