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'

然后访问就可以了

相关推荐
半兽先生4 小时前
解决使用jsPDF实现表格数据导出pdf功能时中文乱码问题
前端·vue.js·elementui
wanzhong23337 小时前
开发日记13-响应式变量
开发语言·前端·javascript·vue
wanzhong23337 小时前
开发日记14-vite配置多环境
服务器·前端·vue
刘一说18 小时前
Vue3 组合式 API(Composition API):逻辑复用的革命性实践
vue.js·vue
天天打码1 天前
Svelte-无虚拟DOM、极致性能的现代高性能Web开发框架!
前端·node.js·vue·svelte
大阳光男孩1 天前
ElementUI表格懒加载子级更新数据刷新不生效问题
前端·javascript·elementui
LXMXHJ1 天前
项目之html+javaScript
java·vue
i_am_a_div_日积月累_1 天前
el-drawer注册全局点击事件无效;el-dialog注册全局点击事件无效
javascript·vue.js·elementui
期货资管源码1 天前
智星期货资管子账户软件pc端开发技术栈的选择
c语言·数据结构·c++·vue
@二十六1 天前
表格行拖拽排序
vue·react·表格拖拽