Dream-Life
  • 首页
  • 技术
  • 小日记
  • 百宝盒
  • 小站
avatar
Nuxt3中的那些小问题
avatarDream
2024-07-13
746次阅读
0个评论

记录一些自己在开发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
评论一下吧!
avatarBgc
avatar
Dream-Life
treasure every day
文章6
类型9
标签10
Catalog
世上只有一种英雄主义,那就是看清生活真相后依然热爱生活。
湘ICP备19022890号-1
Copyright © 2023 DreamLife