广树
2024-12-01 18:10
@石樱灯笼：达拉然可还行
导航
萌即是正义！时不时分享一些ACG活动记录与有趣代码的小站！
侧边栏
正在攻略
PSN奖杯卡
标签：#Nuxt
想着给博客增加一个页面跳转时的过渡动画，结果加上后发现页面时不时会报错。
于是经历了一番调查之后发现在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存在了至少大半年...
想着给博客增加一个页面跳转时的过渡动画，结果加上后发现页面时不时会报错。
于是经历了一番调查之后发现在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存在了至少大半年...
94 阅读
2 评论
1/1