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组件无法正确显示/