移动端按需加载组件时如何避免样式错乱?

欧阳子荧 阅读 42

我在用 Vue 开发移动端页面,想对底部弹窗组件做按需加载,但动态引入后发现样式没生效,布局全乱了。之前是直接 import 引入没问题,改成 () => import('./Popup.vue') 就出问题了。

是不是按需加载的时候漏了什么配置?或者需要手动处理样式依赖?

我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
浩宇(打工版)
你这个情况我见过不少,基本就是按需加载时样式没被正确注入的问题。动态 import 的组件如果用了 scoped 或者全局样式没处理好,很容易崩。

先确认你用的是不是 Vue 2 还是 Vue 3,还有是不是用了 手动引一下样式试试,定位是不是样式没注入的问题。
点赞
2026-02-23 19:18