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'

然后访问就可以了

相关推荐
shadow_glory8 小时前
大屏邪修自适应
vue
是梦终空8 小时前
计算机源码274—基于深度学习的中医舌象智能识别与健康管理系统(源代码+数据库+12000字论文)
人工智能·python·深度学习·opencv·django·vue·springboot
涵涵(互关)19 小时前
Naive-ui树型选择器只显示根节点
前端·ui·vue
jay神1 天前
基于微信小程序课外创新实践学分认定系统
java·spring boot·小程序·vue·毕业设计
QuZhengRong1 天前
【Luck-Report】缓存
java·前端·后端·vue·excel
丷丩1 天前
工程级MVT地图瓦片服务器Web前端架构设计文档
前端·vue·gis·pinia·geoai-up
Liu.7741 天前
Vue3结合Element Plus封装点击查看大图的自定义指令
javascript·vue.js·elementui
ttwuai2 天前
XYGo Admin 菜单与路由:Vue3 动态路由 + GoFrame 权限菜单的完整实现方案
前端·vue·后台框架
跟着珅聪学java2 天前
Element UI 的 Tabs 标签页开发教程
javascript·vue.js·elementui
ttwuai2 天前
XYGo Admin 国际化实战:Vue3 中后台多语言方案详解
前端·javascript·vue.js·vue