1: Ich bin neu bei Vue und weiß nicht viel über Router-Link und Router-View. Die allgemeinen Fragen lauten wie folgt:
Die bestehende Codestruktur ist wie folgt, die links als Navigation und rechts als Anzeigebereich verstanden werden kann
//content.vue
<p class = "row">
<p id="music_left_menu" class = "col-md-2">
<h4>推荐</h4>
<ul class="list-group">
<li><i class = "fa fa-music"></i><router-link to = "/foundMusic">发现音乐</router-link> </li>
<li><i class = "fa fa-bullhorn"></i> 私人FM</li>
<li><i class = "fa fa-youtube-play" ></i> MV</li>
</ul>
</p>
<router-view class="router-view col-md-10"></router-view>
</p>
//router.js
import foundMusic from "../compontents/found_music.vue"
routes:[
{
path:"/foundMusic",
component: foundMusic
}
]
Nachdem die Route konfiguriert wurde, kann sie durch Klicken auf den Router-Link effektiv in der Router-Ansicht dargestellt werden.
Aber ich möchte die folgende Struktur.
<p class = "row">
<left-menu></left-menu>
<router-view class="router-view col-md-10"></router-view>
</p>
import leftMenu from './menu_content/left_menu.vue'
export default {
name: 'musicContent',
components:{
leftMenu
}
}
//left_menu.vue 中的结构如下
<template>
<p id="music_left_menu" class = "col-md-2">
<h4>推荐</h4>
<ul class="list-group">
<li><i class = "fa fa-music"></i><router-link to = "/foundMusic">发现音乐</router-link> </li>
<li><i class = "fa fa-bullhorn"></i> 私人FM</li>
<li><i class = "fa fa-youtube-play" ></i> MV</li>
</ul>
</p>
</template>
Aber wenn ich zu diesem Zeitpunkt auf „Musik entdecken“ klicke, wird sie nicht in der Router-Ansicht angezeigt.
Ich verstehe das wirklich nicht.
router.js应该这样写吧
//router.js
Vue.use(Router)
import foundMusic from "../compontents/found_music.vue"
export default new Router({
routes:[
]
})
你试一下 components:{ "left-menu":leftMenu }
看下命名视图 https://router.vuejs.org/zh-c...
我在重新对逻辑进行审查之后发现正常了,下面把正常的代码贴一遍吧,也算是帮助新人了。在此非常感谢回答问题的朋友