ElementUI中的日历组件加载无效的问题

在ElementUI中提供了一个日历组件。在某些场景下还是比较有用的。只是在使用的时候会有些下坑,大家要注意下。

官网提供的信息比较简介。我们在引入到项目中使用的时候可以能会出现下面的错误提示。

clike 复制代码
Unknown custom element: <el-calendar> - did you register the component correctly? For recursive comp

提示你不能识别这个标签。这时我们需要收到的引入这个组件。

访问可以看到日历数据。但是样式有丢失

这时我们还需要在main.js 中引入样式文件

js 复制代码
import 'element-ui/lib/theme-chalk/index.css'

然后访问就可以了

相关推荐
山海上的风13 分钟前
Vue里面elementUi-aside 和el-main不垂直排列
前端·vue.js·elementui
全栈老李技术面试4 小时前
【高频考点精讲】async/await原理剖析:Generator和Promise的完美结合
前端·javascript·css·vue·html·react·面试题
csj505 小时前
前端基础之《Vue(11)—自定义指令》
前端·vue
凉豆菌8 小时前
在html中如何创建vue自定义组件(以自定义文件上传组件为例,vue2+elementUI)
vue.js·elementui·html
广西千灵通网络科技有限公司8 小时前
基于 springboot+vue+elementui 的办公自动化系统设计(
vue.js·spring boot·elementui
jaywongX12 小时前
Base64编码原理:二进制数据与文本的转换技术
前端·javascript·vue
前端极客探险家16 小时前
前端 Excel 工具组件实战:导入 → 可编辑表格 → 导出 + 样式同步 + 单元格合并
前端·typescript·vue·excel
可爱的秋秋啊1 天前
vue3,element ui框架中为el-table表格实现自动滚动,并实现表头汇总数据
前端·vue.js·笔记·elementui
宝拉不想努力了1 天前
vue element使用el-table时,切换tab,table表格列项发生错位问题
前端·vue.js·elementui