以下仅供参考,若有不足请提出。
在router的index.js添加path
之前做项目的index.js
import Vue from 'vue'
import Router from 'vue-router'
import login from '@/components/login'
import ac from '@/components/ac'
import Ulogin from '@/components/Ulogin'
import Add from '@/components/Add'
import calendar from '@/components/calendar'
import upload from '@/components/upload'
import message from '@/components/message'
import come from '@/components/come'
import navigationfour from '@/components/navigationfour'
import adde from '@/components/adde'
import baidu from '@/components/baidu'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'Ulogin',
component: Ulogin
},
{
path: '/Add',
name: 'Add',
component: Add,
children: [
{
path: '/login',
name: 'login',
component: login
},
{
path: '/Add',
name: 'ac',
component: ac
},
{
path: '/calendar',
name: 'calendar',
component: calendar
},
{
path: '/upload',
name: 'upload',
component: upload
},
{
path: '/message',
name: 'message',
component: message
},
{
path: '/navigationfour',
name: 'navigationfour',
component: navigationfour
},
{
path: '/adde',
name: 'adde',
component: adde
},
{
path: '/baidu',
name: 'baidu',
component: baidu
}
]
},
{
path: '/come',
name: 'come',
component: come
}
]
})
<router-link to="/calendar"> /calendar为一个子路径
点日历会跳转到日历界面