记录一些自己在开发Nuxt3中遇到的一些小问题,基本都是在开发本博客遇到的,具体解决方案也会附上
1.全局过度效果失效问题
当像往常一样使用全局的页面过渡效果
TypeScript
// nuxt.config.ts
export default defineNuxtConfig({
app: {
pageTransition: {
name: 'page',
mode: 'out-in',
},
}
})
问题来了如果在模板中没有定义任何类
例如:
Vue
<style scoped lang="scss"></style>
你直接这样写,会发现过渡并不会生效,具体原因不知道为啥,去看了一遍AST Tree
发现不管有没有添加style都会编译,加了类就会在树的children中添加,所以原因应该是nuxt做了判断嘛不是很清楚,有时间去研究一下!
解决方案就是在里面添加任意一个类
文章最后更新于 2024-12-23 00:37
评论一下吧!