Question

目前我在 div 中显示谷歌地图，每当我改变路线时，我想用另一个视图替换视图。我尝试将其设置如下，但它不起作用

 .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 和屏幕页面完全变白。

Answer 1

您应该使用 $route 而不是 route :

.map-col(ref="mapCol" v-if="$route.name == 'Adventure'")

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

1 个答案: