根据路线名称更改路线视图
Change route view based on route name
目前我在 div 中显示 google 地图,每当我改变路线时,我想用另一个视图替换视图。我试过如下设置,但是不行
.map-col(ref="mapCol" v-if="route.name == 'Adventure'")
.map-col(v-else)
router-view
{
path: "/adventures/id",
name: "Adventure",
component: Adventure,
children: [
{
path: "points/id/clues/new",
name: "NewClue",
component: NewClue
}
]
}
console.log(route.name) 输出 Adventure
所以没问题。
我遇到错误
Uncaught (in promise) TypeError: Cannot read property 'name' of undefined
屏幕页面全白。
你应该使用 $route
而不是 route
:
.map-col(ref="mapCol" v-if="$route.name == 'Adventure'")
目前我在 div 中显示 google 地图,每当我改变路线时,我想用另一个视图替换视图。我试过如下设置,但是不行
.map-col(ref="mapCol" v-if="route.name == 'Adventure'")
.map-col(v-else)
router-view
{
path: "/adventures/id",
name: "Adventure",
component: Adventure,
children: [
{
path: "points/id/clues/new",
name: "NewClue",
component: NewClue
}
]
}
console.log(route.name) 输出 Adventure
所以没问题。
我遇到错误
Uncaught (in promise) TypeError: Cannot read property 'name' of undefined
屏幕页面全白。
你应该使用 $route
而不是 route
:
.map-col(ref="mapCol" v-if="$route.name == 'Adventure'")