根据路线名称更改路线视图

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'")