首页
Preview

解决antd v4.x版本和Nuxt3样式会闪的问题

antdv从4.0.x开始官方提供了@ant-design-vue/nuxt模块包,但如果你只是使用它,不做任何处理的话,你就会发现你的页面在刷新时会短暂的出现css样式丢失的问题,导致页面闪烁,本文就教大家如何解决该问题。

首先,在新建的nuxt3项目中安装相关依赖

pnpm add -D ant-design-vue@4.x

pnpm add -D @ant-design-vue/nuxt

nuxt.config.ts中添加modules配置

export default defineNuxtConfig({
  modules: [
    '@ant-design-vue/nuxt'
  ],
  antd:{
    // Options
  }
})

页面中直接使用antdv组件

<script lang="ts" 
付费内容,1.5币解锁全文 >>

版权声明:本文内容由TeHub注册用户自发贡献,版权归原作者所有,TeHub社区不拥有其著作权,亦不承担相应法律责任。 如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

点赞(0)
收藏(0)
出于随性
快乐程序员

评论(0)

添加评论