鍍金池/ 問(wèn)答/HTML/ 設(shè)置子router導(dǎo)致編譯失?。?/span>

設(shè)置子router導(dǎo)致編譯失??？

clipboard.png
創(chuàng)建了子路由，/apple/red

red.vue
clipboard.png

apple.vue

clipboard.png

app.vue

clipboard.png

我想讓red 在apple中的router-view中顯示出來(lái)。官方文檔好像沒(méi)有給出太多的內(nèi)容。。

錯(cuò)誤信息

clipboard.png

回答
編輯回答
短嘆

clipboard.png
這句話的意思是 組件模板里面只能有一個(gè)根元素，除非你在多節(jié)點(diǎn)上用v-if 來(lái)區(qū)分

<p>am apple<p>
<router-view></router-view>
應(yīng)該是這樣的
<div>
    <p>am apple<p>
    <router-view></router-view>
</div>
2017年10月10日 18:20
編輯回答
離觴

錯(cuò)誤信息里面說(shuō)的很清楚，template里面只能有一個(gè)根元素，你需要用一個(gè)根元素把p元素和route-view包裹起來(lái)，或者使用v-if,v-else指令條件加載

2018年4月15日 23:05