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'

然后访问就可以了

相关推荐
南城以南溫暖如初1473 小时前
社区健身小程序开发流程详解:技术选型与实施经验分享
java·经验分享·spring boot·mysql·vue·apache
万亿少女的梦1685 小时前
基于Spring Boot、Vue与MySQL的私人健身教练预约管理系统设计
java·spring boot·mysql·vue·预约管理
Sterting1 天前
Form表单与校验
javascript·vue.js·elementui
满栀5852 天前
vue动态路由效果
前端·javascript·vue.js·前端框架·vue
碧水澜庭2 天前
头条【vue+fastapi 】全栈教学项目系列之《02_双系统零基础环境搭建手册》
vue·fastapi
Sterting2 天前
Element-Plus 入门与整体布局
前端·vue.js·elementui
yume_sibai3 天前
Element Plus 基础组件完全指南(12个核心组件)
前端·elementui
DsirNg4 天前
从 `@wheel.prevent.stop` 到事件捕获:一次讲清浏览器事件流与 Vue 事件修饰符
javascript·vue·事件修饰符·事件冒泡·dom 事件·事件捕获·wheel
其美杰布-富贵-李4 天前
Vue 3 模板语法速通:彻底理解 `:`、`@`、`#`、`v-if`、`v-for` 与 `v-model`
vue
DsirNg5 天前
基于拓扑排序的画布自动布局:用最长上游路径决定节点列级
vue·流程图·拓扑排序·状态管理·有向图·自动布局·最长路径