如何使用路由器制作从一个Vue组件到同一组件(具有不同参数)的过渡动画?

7gyucuyw  于 2022-11-25  发布在  Vue.js
关注(0)|答案(1)|浏览(145)

我有一个Vue 2应用程序。它使用路由器来管理页面。在一个页面上,你可以点击转到下一个页面,下一个页面是相同的组件。你可以把它想象成一个文件夹页面转到一个新的子文件夹页面。URL基本上是相同的,除了文件夹ID。
我希望这个组件是动画的,所以新的组件从右边滑入,在旧页面的上面。
但是我认为路由器喜欢重复使用相同的组件,那么我如何制作相同组件的多个页面呢?

vlju58qv

vlju58qv1#

您可以在组件上使用key属性,该属性与路径的文件夹ID参数相关联,以便每个新页面加载都会导致Vue重新渲染组件,这也会触发您的动画。
codesandbox
第一个

相关问题