el-calendar 日程添加

最新推荐文章于 2025-03-30 23:15:24 发布

临渊_慕鱼

最新推荐文章于 2025-03-30 23:15:24 发布

阅读量1.8k

点赞数 2

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_38095257/article/details/109807069

版权

本文介绍如何在Vue.js项目中结合el-calendar组件，实现动态添加和显示日程的功能。通过实例代码，详细讲解如何监听事件、处理数据及更新视图，帮助开发者提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<el-calendar>
                    <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
                    <template slot="dateCell" slot-scope="{ data }">
                        <div
                            class="data.isSelected ? 'is-selected' : ''"
                            @click="updateConfig(data.day)"
                        >
                            <p>
                                <!--这里原本有动态绑定的class，去掉-->
                                {
   {
    data.day.split('-').slice(1).join(