所以我尝试在 css 上进行页面转换,但leave
转换不起作用,所以我尝试使用JS Hooks
,但留下动画仍然不起作用。我试着评论每一步,我发现leave
甚至没有被调用。
脚本:
methods: {
beforeEnter: function (el) {
console.log("Before Enter")
// ...
},
enter: function (el, done) {
console.log("Entered")
// ...
},
leave: function (el, done) {
console.log("Leave")
// ...
}
}
模板:
<div id="app">
<nav-bar />
<transition
mode="out-in"
@before-enter="beforeEnter"
@enter="enter"
@leave="leave"
>
<nuxt />
</transition>
</div>
我已经阅读了转换的文档,我什至复制了他们的代码并按原样粘贴,但似乎仍然没有区别。我用过yarn create nuxt-app
,所以你会认为我正在进行最稳定的更新
nuxt: 2.15.8
node: 14.18.1
ubuntu: 18.04.6 LTS