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

Question

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

<router-view transition="slide">

有没有办法在调用特定路线时将过渡更改为“淡入淡出”？

Answer 1

使用动态绑定 fopr 过渡：

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

并从您的路线数据中设置过渡数据

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