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'

然后访问就可以了

相关推荐
蓝黑202011 小时前
Vue的 value=“1“ 和 :value=“1“ 有什么区别
前端·javascript·vue
没有故事、有酒20 小时前
Vue2中el-table修改表头高度和行高
javascript·vue.js·elementui
小彭努力中20 小时前
204.Vue3 + OpenLayers:加载 GIF 文件(CSS 背景实现动画标记)
前端·css·vue·openlayers·geojson·webgis
陶甜也1 天前
3D智慧城市:blender建模、骨骼、动画、VUE、threeJs引入渲染,飞行视角,涟漪、人物行走
前端·3d·vue·blender·threejs·模型
NPCZ1 天前
vite与tailwindcss创建大屏可视化项目
vue
蓝黑20202 天前
Vue导入和注册组件
前端·javascript·vue
蒙面价肥猫2 天前
el-popconfirm 弹窗不显示问题总结
vue.js·elementui
有来技术2 天前
Vite 8 全面 Rust 化!vue3-element-admin 升级实战,构建提速 65%
前端·vue.js·前端框架·vue
Jacky-0083 天前
Vue3+elementPlus+Vite项目
vue
VelinX3 天前
【个人学习||vue】vue
vue