第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請教各位一個問題,求解答:vue命名視圖問題跪求!

請教各位一個問題,求解答:vue命名視圖問題跪求!

蝴蝶不菲 2019-09-05 20:10:05
問題描述請問一個組件內(nèi)部引用了命名視圖,在index.js中定義了這個命名視圖的router,為什么命名視圖顯示不出來呢?瀏覽器訪問的是http://localhost:8080/#/test問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法相關(guān)代碼//請把代碼文本粘貼到下方(請勿用圖片代替代碼)index.jsimportVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'importtestfrom'@/components/test1'Vue.use(Router)exportdefaultnewRouter({routes:[{path:'/',name:'HelloWorld',component:HelloWorld},{path:'/test',name:'test',components:{default:test,hello:HelloWorld}}]})test1.vue123你期待的結(jié)果是什么?實際看到的錯誤信息又是什么?期待的結(jié)果是頁面顯示123和HelloWorld.vue文件的內(nèi)容
查看完整描述

2 回答

?
江戶川亂折騰

TA貢獻(xiàn)1851條經(jīng)驗 獲得超5個贊

在test1里寫的router-view展示的是test1的子路由,你并沒有給test1配置children你配置的是在/test這個路由下有兩個組件test和HelloWorld,他倆要一起展示,應(yīng)該寫一起你可以這么寫嘗試一下,梳理一下關(guān)系
App.vue
router/index.js
importVuefrom'vue'
importRouterfrom'vue-router'
importHelloWorldfrom'@/components/HelloWorld'
importtestfrom'@/components/test1'
//這個是test子路由的組件
importtestChildfrom'@/components/testChild'
Vue.use(Router)
exportdefaultnewRouter({
routes:[
{
path:'/',
name:'HelloWorld',
component:HelloWorld
},
{
path:'/test',
name:'test',
components:{
default:test,
hello:HelloWorld
},
children:[
{
path:'testChild',
component:testChild
}
]
}
]
})
test1.vue
testChild.vue
這樣在/根路由就顯示HelloWorld組件,在/test路由下顯示test和HelloWorld組件(他倆是兄弟),在/test/testChild路由下testChild會在test里(他倆是父子)
                            
查看完整回答
反對 回復(fù) 2019-09-05
?
慕田峪9158850

TA貢獻(xiàn)1794條經(jīng)驗 獲得超7個贊

進(jìn)入到你所說的路徑首先匹配的是根路徑,顯示的將會是HelloWorld.vue組件中的內(nèi)容,可以貼一下該組件中有沒有提供對應(yīng)的路由出口。
發(fā)現(xiàn)上面不是嵌套路由,那么按照需求要顯示的話,需要在根模板中提供路由出口。
                            
查看完整回答
反對 回復(fù) 2019-09-05
  • 2 回答
  • 0 關(guān)注
  • 230 瀏覽
慕課專欄
更多

添加回答

了解更多

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號