直接上代码
//entry.js
import Router from './router.js'
import Index from './index'
import Vue from 'vue'
new Vue({
el: '#root',
Router,
render: h => h(Index)
})
Router.push('/login');
//router.js
import Router from 'vue-router'
import Vue from 'vue'
import login from './components/views/login'
import chat from './components/views/chat'
import App from './index'
Vue.use(Router)
export default new Router({
mode: 'abstract',
routes: [
{ path: '/login',component:login},
{ path:'/chat',component:chat},
{ path:'/',component:App}
]
})
//index.vue
<template>
<div id="root" >
<router-view style="flex:1"></router-view>
</div>
</template>
<style>
</style>
<script>
export default {
data: {
return:{
}
}
}
</script>
然后我有两个子页面一个是login.vue,一个是chat.vue,login.vue为登录页面,点击按钮跳转chat.vue,已进入系统首先显示login.vue,但是我在entry.js中配置的Router.push('/login');并没有跳转,打开页面是空白是什么原因呢?求指教。
我也遇到了同样的问题 楼主解决了的话 麻烦告知下 谢谢