Vue学习33----第三方日历组件ele-calendar 的使用（结合了lodash中的_.filter，_.find，_.map）

zhaihaohao1

于 2019-05-09 10:24:02 发布

阅读量5.4k

点赞数

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/zhaihaohao1/article/details/90022121

版权

本文介绍如何在Vue项目中集成并使用第三方组件ele-calendar，结合lodash的_.filter, _.find和_.map进行数据处理。通过实例展示了组件的基本配置、数据渲染、点击事件处理，并提供了源码下载链接。" 118663040,10906816,Java多线程与并发处理实战分享,"['java', '并发编程', '数据库理论', '分布式系统', '操作系统']

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

文档地址：
https://www.npmjs.com/package/ele-calendar
https://github.com/xuyanming/ele-calendar

效果图
在这里插入图片描述

组件：

    <ele-calendar
      :render-content="renderContent"
      :data="datedef"
      :prop="prop"
      @pick="datePick"
    ></ele-calendar>

数据：

    data() {
      return {
        datedef: [
          {'date': "2019-05-01", 'content': '休息', "cid": null},
          {'date': "2019-05-02", 'content': '休息', "cid": null},
        ],
        prop: 'date' //对应日期字段名
      }
    },

渲染：</