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'

然后访问就可以了

相关推荐
jay神18 小时前
基于团队模式的C程序设计课程辅助教学管理系统
java·spring boot·vue·web开发·管理系统
钛态19 小时前
前端TypeScript高级技巧:让你的代码更安全
前端·vue·react·web
吴声子夜歌2 天前
Vue3——路由管理
前端·vue·es6·vue-router
钛态2 天前
前端微前端架构:大项目的救命稻草还是自找麻烦?
前端·vue·react·web
钛态2 天前
前端趋势:别被时代抛弃
前端·vue·react·web
恶猫3 天前
网页自动化模拟操作时,模拟真实按键触发事件【终级方案】
前端·javascript·自动化·vue·网页模拟
无心使然云中漫步3 天前
Openlayers调用ArcGis地图服务之五 —— 要素识别(/identify)
前端·arcgis·vue·数据可视化
蜡台3 天前
H5入住浙里办App详细步骤
vue·uniapp·h5·浙政钉
呱牛do it4 天前
企业级门户网站设计与实现:基于SpringBoot + Vue3的全栈解决方案(Day 7)
java·vue
FlyWIHTSKY4 天前
router-viiew没有滚动条,如何修复
前端·vue.js·elementui