0
点赞
收藏
分享

微信扫一扫

Element-plus自动导入组件,组件样式失效问题

鲤鱼打个滚 2022-03-19 阅读 53

在这里插入图片描述
项目里使用自动导入的方法使用element-plus,并且使用script setup编写vue3代码。
组件A的script setup里要用到Elfrom类型,因此必须要引入Elform

//组件A
import { Elform } from 'element-plus'
// elform组件对象
const formRef = ref<InstanceType<typeof ElForm>>()

如果只有一个组件引入了Elform还没有问题,
但是当我在另外一个组件也引入了Elform时,此时这两个Elform的样式都会失效

//组件B
import { ElForm } from 'element-plus'

这个时候必须要手动导入样式

import { ElForm } from 'element-plus'
import 'element-plus/es/components/form/style/css'

这个问题好像只在script setup编写时才有问题,如果只是普通的script的话应该是没有这个问题的。

举报

相关推荐

0 条评论