155 字
1 分钟
AI编写element-ui时el-radio-group组件无法正确显示

AI总是喜欢按需加载element-ui的组件,导致el-radio-group组件无法正确显示,下面是解决方案。

原来

import { createApp } from 'vue'
import {
ElButton,
ElCard,
ElCol,
ElIcon,
ElInput,
ElInputNumber,
ElOption,
ElProgress,
ElRow,
ElSelect,
ElSlider,
ElSwitch,
ElTabPane,
ElTabs,
ElTag,
} from 'element-plus'
import 'element-plus/theme-chalk/base.css'
import 'element-plus/theme-chalk/el-button.css'
import 'element-plus/theme-chalk/el-card.css'
import 'element-plus/theme-chalk/el-col.css'
import 'element-plus/theme-chalk/el-icon.css'
import 'element-plus/theme-chalk/el-input.css'
import 'element-plus/theme-chalk/el-input-number.css'
import 'element-plus/theme-chalk/el-message.css'
import 'element-plus/theme-chalk/el-option.css'
import 'element-plus/theme-chalk/el-progress.css'
import 'element-plus/theme-chalk/el-row.css'
import 'element-plus/theme-chalk/el-select.css'
import 'element-plus/theme-chalk/el-slider.css'
import 'element-plus/theme-chalk/el-switch.css'
import 'element-plus/theme-chalk/el-tab-pane.css'
import 'element-plus/theme-chalk/el-tabs.css'
import 'element-plus/theme-chalk/el-tag.css'
import App from './App.vue'
import './style.css'
const app = createApp(App)
app.use(ElButton)
app.use(ElCard)
app.use(ElCol)
app.use(ElIcon)
app.use(ElInput)
app.use(ElInputNumber)
app.use(ElOption)
app.use(ElProgress)
app.use(ElRow)
app.use(ElSelect)
app.use(ElSlider)
app.use(ElSwitch)
app.use(ElTabPane)
app.use(ElTabs)
app.use(ElTag)
app.mount('#app')

正确方式:使用官方的加载器

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
import './style.css'
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')
AI编写element-ui时el-radio-group组件无法正确显示
https://blog.zyfang.top/posts/develop/ai编写element-ui时el-radio-group组件无法正确显示/
作者
Fang
发布于
2026-08-13
许可协议
CC BY-NC-SA 4.0