ElementUI中的日历组件加载无效的问题

  在ElementUI中提供了一个日历组件。在某些场景下还是比较有用的。只是在使用的时候会有些下坑,大家要注意下。
ElementUI中的日历组件加载无效的问题_第1张图片
  官网提供的信息比较简介。我们在引入到项目中使用的时候可以能会出现下面的错误提示。
ElementUI中的日历组件加载无效的问题_第2张图片

Unknown custom element: <el-calendar> - did you register the component correctly? For recursive comp

提示你不能识别这个标签。这时我们需要收到的引入这个组件。
ElementUI中的日历组件加载无效的问题_第3张图片
访问可以看到日历数据。但是样式有丢失

ElementUI中的日历组件加载无效的问题_第4张图片

这时我们还需要在main.js 中引入样式文件

import 'element-ui/lib/theme-chalk/index.css'

然后访问就可以了
ElementUI中的日历组件加载无效的问题_第5张图片

你可能感兴趣的:(elementui,el-calendar,日历,不显示,组件,Vue)