根据文档的例子试了一下vue-router用在项目中,一进入首页的路径是test.administer/index,但是根据路由配置,不是应该进入首页后跳转到Login.vue这个组件的内容吗?我根据以下的配置,当前进入首页后,显示的是App.vue里面的内容。。
index.blade.php:
1
main.js:
import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(VueRouter)
Vue.use(ElementUI)
Vue.use(VueResource)
import App from './App.vue'
import Home from'./components/Home.vue'
import Login from'./components/Login.vue'
const router = new VueRouter({
routes:[
{ path: '/index', component: Login,
children: [
{ path: 'homepage', component: Home}
]
}
]
})
new Vue(Vue.util.extend({ router },App)).$mount('#app')
App.vue:
hello world
login.vue:
loginpage
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
你哪里有配置是 首页是 Login component 组件嘛
默认需要 /
如果你配置成 /index
那么对应网址是
没有看到你的login路由在哪里,路由的话<router-view></router-view>间的视图会跳,但外面的内容还是保留的。