元素
元素
工具
博客
问答

动态导入组件后样式丢失是怎么回事？

___翌岍 阅读 19
优化

我在 Vue 项目里用动态导入加载一个组件，结果发现组件能正常显示，但样式全没了。之前是直接 import 的没问题，改成 () => import() 就出问题了，是不是漏了什么配置？

这是我的写法：

<script setup>
const AsyncComp = () => import('@/components/MyPanel.vue')
</script>

<template>
  <AsyncComp />
</template>
我来解答 赞 5 收藏
二维码
手机扫码查看
反馈
1 条解答
FSD-博文
FSD-博文 Lv1
动态导入组件时样式丢失的问题其实挺常见的。原理是这样：当你用动态导入加载组件时，Vue 只会加载组件的 JavaScript 部分，默认情况下不会自动处理相关的样式文件。

这里有几个步骤可以解决这个问题：

首先，你需要确认你的 MyPanel.vue 文件里有没有单独的