推文
想着给博客增加一个页面跳转时的过渡动画,结果加上后发现页面时不时会报错。
于是经历了一番调查之后发现在Nuxt.js中给页面加上跳转动画pageTransition后,页面和组件的onMounted会被执行2次!?
相关的Issue在Github上也有人提出:https://github.com/nuxt/nuxt/issues/27442
大致需要满足3个条件才会触发:
1.设置了pageTransition
2.mode设置为out-in
3.页面上有await useAsyncData加载接口内容
感觉有点天坑,这个问题虽然最早是今年6月有人发现的,但是实际上我所用的Nuxt版本是去年年底的版本,也就是说这个bug存在了至少大半年...
发表于:2024-07-27 14:17