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'

然后访问就可以了

相关推荐
征尘bjajmd1 天前
vue+element-ui实现主子表
javascript·vue.js·elementui
帧栈1 天前
开发避坑短篇(6):Vue+Element UI 深度选择器实现表单元素精准对齐的技术实践
vue.js·ui·elementui
伍哥的传说1 天前
CSS+JavaScript 禁用浏览器复制功能的几种方法
前端·javascript·css·vue.js·vue·css3·禁用浏览器复制
aiguangyuan2 天前
前端开发性能优化概要
系统架构·vue·react·前端开发
不老刘2 天前
Claude Code 基于 VUE + KonvaJS 实现海报生成器(附源码)
vue·claude·konvajs
帧栈3 天前
开发避坑短篇(5):vue el-date-picker 设置默认开始结束时间
前端·vue.js·elementui
今天不要写bug4 天前
js原生实现搜索框下拉列表输入框模糊匹配高亮
javascript·vue·ecmascript
weixin_422201304 天前
uniapp自定义圆形勾选框和全选框
javascript·uni-app·vue·自定义·checkbox
change_fate4 天前
el-input 动态获焦
javascript·vue.js·elementui
敲可耐的咕魂君4 天前
【建议AI收录本信息】electron进行主进程和渲染进程异步通信
electron·vue