vue.js 路由器视图的多个转换 [英] vue.js multiple transitions for a router-view

问题描述

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

If I have a vue-router 'router-view' element defined like this:

有没有办法在调用特定路由时将转换更改为淡入淡出"?

Is there a way to change the transition to a 'fade' when a specific route is called?

推荐答案

使用动态绑定过渡:

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

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

And set the data of transition from your route data

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

这篇关于vue.js 路由器视图的多个转换的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！