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'

然后访问就可以了

相关推荐
IT教程资源C15 小时前
(N_128)基于springboot,vue酒店管理系统
mysql·vue·前后端分离·酒店管理系统·springboot酒店
苹果电脑的鑫鑫16 小时前
el-select下拉菜单如何可以手输入内容
前端·vue.js·elementui
Apeng_091916 小时前
ui-picture-bd-marker实现图片标注功能
ui·vue
悟能不能悟19 小时前
router跳转的几种方式
vue
zhz521421 小时前
重构与集成的诱惑
ai·重构·node.js·vue·持续集成·结对编程
quan263121 小时前
20251204,vue列表实现自定义筛选和列
前端·vue.js·elementui
zhz52141 天前
代码之恋(第二篇:冲突与重构)
ai·重构·node.js·vue·结对编程
IT教程资源D1 天前
[N_128]基于springboot,vue酒店管理系统
mysql·vue·前后端分离·酒店管理系统·springboot酒店管理
好奇的候选人面向对象1 天前
实现一个左右树形结构一对一关联的组件。这个方案使用两个el-tree组件,并实现它们之间的互相关联选择。
javascript·vue.js·elementui
颜颜yan_2 天前
DevUI 高频组件实战秘籍:Table、Form、Modal 深度解析与踩坑实录
组件·devui·matechat