vue3.0中使用element的完整步骤
前言:
在vue3.0中使用element框架,因为element是支持vue2.0的,他推出的支持vue3.0的版本叫 element-plus
官网入口:点我进入
一、个人遇到的问题与解决办法:
二、具体使用
import'element-plus/lib/theme-chalk/index.css'
importElementPlusfrom'element-plus'
constapp=createApp(App)
app.use(ElementPlus)
app.use(store).use(router).mount('#app')
import{
//ElAlert,
ElAside,
//ElAutocomplete,
//ElAvatar,
//ElBacktop,
//ElBadge,
//ElBreadcrumb,
//ElBreadcrumbItem,
ElButton,
//ElButtonGroup,
//ElCalendar,
//ElCard,
//ElCarousel,
//ElCarouselItem,
//ElCascader,
//ElCascaderPanel,
//ElCheckbox,
//ElCheckboxButton,
//ElCheckboxGroup,
//ElCol,
//ElCollapse,
//ElCollapseItem,
//ElCollapseTransition,
//ElColorPicker,
ElContainer,
//ElDatePicker,
//ElDialog,
//ElDivider,
//ElDrawer,
ElDropdown,
ElDropdownItem,
ElDropdownMenu,
//ElFooter,
ElForm,
ElFormItem,
ElHeader,
//ElIcon,
//ElImage,
ElInput,
//ElInputNumber,
//ElLink,
ElMain,
ElMenu,
ElMenuItem,
ElMenuItemGroup,
//ElOption,
//ElOptionGroup,
//ElPageHeader,
//ElPagination,
ElPopconfirm,
//ElPopover,
ElPopper,
//ElProgress,
//ElRadio,
//ElRadioButton,
//ElRadioGroup,
//ElRate,
//ElRow,
//ElScrollBar,
//ElSelect,
//ElSlider,
//ElStep,
//ElSteps,
ElSubmenu,
//ElSwitch,
ElTabPane,
ElTabs,
//ElTable,
//ElTableColumn,
//ElTimeline,
//ElTimelineItem,
ElTooltip,
//ElTransfer,
//ElTree,
//ElUpload,
//ElInfiniteScroll,
//ElLoading,
//ElMessage,
ElMessageBox,
ElNotification
}from'element-plus'
importlangfrom'element-plus/lib/locale/lang/zh-cn'
importlocalefrom'element-plus/lib/locale'
exportdefault(app)=>{
locale.use(lang)
app.use(ElButton)
app.use(ElNotification)
app.use(ElContainer)
app.use(ElAside)
app.use(ElHeader)
app.use(ElMain)
app.use(ElDropdown)
app.use(ElDropdownItem)
app.use(ElDropdownMenu)
app.use(ElTabPane)
app.use(ElTabs)
app.use(ElMenu)
app.use(ElMenuItem)
app.use(ElMenuItemGroup)
app.use(ElSubmenu)
app.use(ElTooltip)
app.use(ElPopper)
app.use(ElPopconfirm)
app.use(ElMessageBox)
app.use(ElInput)
app.use(ElForm)
app.use(ElFormItem)
}
(3)main.js中配置
总结
到此这篇关于vue3.0中使用element的文章就介绍到这了,更多相关vue3.0使用element内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。