javascript - vue-router怎么不能實(shí)現(xiàn)跳轉(zhuǎn)呢
問(wèn)題描述
根據(jù)文檔的例子試了一下vue-router用在項(xiàng)目中，一進(jìn)入首頁(yè)的路徑是test.administer/index，但是根據(jù)路由配置，不是應(yīng)該進(jìn)入首頁(yè)后跳轉(zhuǎn)到Login.vue這個(gè)組件的內(nèi)容嗎？我根據(jù)以下的配置，當(dāng)前進(jìn)入首頁(yè)后，顯示的是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://www.gepszalag.com/wenda/{{ asset(’css/app.css’) }}'></head><body> <p id='app'></p> <!--scripts--> <script src='http://www.gepszalag.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>
問(wèn)題解答
回答1：你哪里有配置是 首頁(yè)是 Login component 組件嘛
默認(rèn)需要 /
routes:[{ path: ’/’, component: Login, children: [{ path: ’homepage’, component: Home} ]} ]
如果你配置成 /index
那么對(duì)應(yīng)網(wǎng)址是
test.administer/index/#/index
test.administer/index/#/index/homepage
另外 app.vue 里面的 hello world 會(huì)始終顯示的
回答2：沒(méi)有看到你的login路由在哪里，路由的話(huà)<router-view></router-view>間的視圖會(huì)跳，但外面的內(nèi)容還是保留的。
回答3：{ path: ’homepage’, component: Home}應(yīng)該是{ path: ’/homepage’, component: Home}
相關(guān)文章：
1. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問(wèn)題 麻煩幫我看一下2. 學(xué)html時(shí)，點(diǎn)“運(yùn)行實(shí)例”點(diǎn)“提交”，右邊的白框框沒(méi)任何反應(yīng)。3. python 字符串匹配問(wèn)題4. javascript - 自執(zhí)行函數(shù)是當(dāng)加載到這個(gè)js就執(zhí)行函數(shù)了嗎5. javascript - 怎么實(shí)現(xiàn)讓 div 里面的 img 元素 中心居中, 如下示例圖6. javascript - vue 父子組件傳遞數(shù)據(jù)7. docker start -a dockername 老是卡住，什么情況？8. docker images顯示的鏡像過(guò)多，狗眼被亮瞎了，怎么辦？9. docker不顯示端口映射呢？10. javascript - 微信小程序 如何實(shí)現(xiàn)這種左滑動(dòng)出現(xiàn)刪除的辦法？有相關(guān)api嗎？
網(wǎng)公網(wǎng)安備