javascript - vue-router怎么不能實現(xiàn)跳轉(zhuǎn)呢
問題描述
根據(jù)文檔的例子試了一下vue-router用在項目中,一進入首頁的路徑是test.administer/index,但是根據(jù)路由配置,不是應(yīng)該進入首頁后跳轉(zhuǎn)到Login.vue這個組件的內(nèi)容嗎?我根據(jù)以下的配置,當(dāng)前進入首頁后,顯示的是App.vue里面的內(nèi)容。。
index.blade.php:
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>1</title> <!--styles--> <link rel='stylesheet' href='http://m.b3g6.com/wenda/{{ asset(’css/app.css’) }}'></head><body> <p id='app'></p> <!--scripts--> <script src='http://m.b3g6.com/wenda/{{ asset(’js/main.js’) }}'></script></body></html>
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:
<template> <p id='app'><h1>hello world</h1><router-view></router-view> </p></template>
login.vue:
<template> <p>loginpage</p></template>
問題解答
回答1:你哪里有配置是 首頁是 Login component 組件嘛
默認需要 /
routes:[{ path: ’/’, component: Login, children: [{ path: ’homepage’, component: Home} ]} ]
如果你配置成 /index
那么對應(yīng)網(wǎng)址是
test.administer/index/#/index
test.administer/index/#/index/homepage
另外 app.vue 里面的 hello world 會始終顯示的
回答2:沒有看到你的login路由在哪里,路由的話<router-view></router-view>間的視圖會跳,但外面的內(nèi)容還是保留的。
回答3:{ path: ’homepage’, component: Home}應(yīng)該是{ path: ’/homepage’, component: Home}
相關(guān)文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. macos - 如何徹底刪除mac自帶的apache和php4. DADB.class.php文件的代碼怎么寫5. mysql - 在log日志中已知用戶的某一步操作,如何獲取其上一步操作?6. shell - mysql更新錯誤7. 網(wǎng)頁爬蟲 - 如何使用使用java抓取信息并制作一個排名系統(tǒng)?8. 如何設(shè)置一個無限循環(huán)并打破它。(Java線程)9. python小白 自學(xué)看書遇到看不懂的地方10. php對mysql提取數(shù)據(jù)那種速度更快

網(wǎng)公網(wǎng)安備