vue.js 路由器视图的多个转换

Question

如果我有一个这样定义的 vue-router 'router-view' 元素：

<router-view transition="slide">

有没有办法在调用特定路由时将转换更改为 'fade'？

Answer 1

为转换使用动态绑定：

<router-view :transition="$route.transition">

并根据您的路线数据设置转换数据

router.map({
  '/specialroute': {
    component: { ... },
    transition: 'fade'
  }
})

vue.js multiple transitions for a router-view