element-plus，el-calendar日历组件使用#date-cell插槽无效、不生效

最新推荐文章于 2024-06-05 09:18:45 发布
最新推荐文章于 2024-06-05 09:18:45 发布
阅读量1.4k 收藏 4
点赞数 9
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46496355/article/details/126763691
版权

最近在升级项目的时候用到了el-calendar日历组件，需要使用插槽自定义内容。
使用elementplus的时候发现#date-cell不生效，插槽没有被检测到，打开官网的在线编辑器也是一样。
在这里插入图片描述

这时候只需要将#date-cell改成#dateCell就可以了，修改之后插槽就能用了。
在这里插入图片描述

我使用的element-plus版本是2.2.15，其他版本不知道有没有这个问题，期待官方修复吧！

阿波糍嘚
关注
  • 9
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
用 ElementPlus 的日历组件 Calendar 自定义渲染
虎康的博客
04-10 1033
上一年上个月<el-button size="small" @click="selectDate('today')">今天</el-button>下个月下一年// date 是切换后的日期，根据这个日期来计算开始日期和结束日期// 开始日期// 结束日期//根据开始日期和结束日期来查询数据，然后更新视图// ...
【Vue】element el-calendar 日历组件增删改查自定义使用
小胡的博客
04-24 1万+
前段事件用fullcalendar插件做了一个日历，因为和系统框架不一致，改用了element el-calendar 两个插件都实现了所有功能，但总的来说，Fullcalendar好用很多，毕竟文档全，功能也全 如果没有规定一定要用某个插件，推荐使用Fullcalendar，附上官方文档参考 FullCalendar文档：https://fullcalendar.io/ 接下来就是el...
自己捣鼓日历选择组件（类似el-calendar）可以单击选则不同日期，也可范围选择日期
weixin_41277748的博客
02-09 4333
日历选择
element-plus日历组件el-calendar自定义内容，每天绑定不同的值
最新发布
jieyucx的博客
06-05 553
【代码】element-plus日历组件el-calendar自定义内容，每天绑定不同的值。
VUE实现日期多选，采用vue-calendar-componen插件
程序员劝退师的博客
12-30 4005
前言 最近接了一些外包项目，有些直接外包给第三方，有些自己拉团队写的，其中有一个项目需要我这边亲自上手写一些代码，然后就有了这篇文章，要写一个多选的日历需求，然后要默认选中周一到周五的日期！看了看Element-UI组件库，没有找到合适的，那干脆自己写一个吧！然而就在刚才无邪就发来消息说让我排除一下节假日 哈哈，没问题的 正文 实现这个功能需要用到vue-calendar-componen插件npm-vue-calendar-component 觉得他这个确实扩展性强为他点个赞！ 安装vue-calen
el-calendar日历 简易排班
狗狗狗亮的博客
09-15 954
element ui 日历排班
element-plus-2.2.12 本地资源文件
08-01
element-plus-2.2.12 本地资源文件，适用于Vue 3编程，是流行的Vue 3的组件库。 资源适用于离线开发，内网使用。 （本资源为 element-plus-2.2.12 保存而来，如有侵权请联系我删除。）
element-pro-components:基于element-plus的Vue 3的组件库
04-18
元素亲组件（WIP） 基于element-plus的Vue 3的组件库|去做： 组件 ProLayout 专业菜单 面包屑 ProTabs ProTable 专业表格 ProInputTag ProRadio ProRadioButton ProCheckbox ProCheckboxButton ProSelect ProCrud ...
vue-cli3.0+element-ui上传组件el-upload的使用
10-17
在本篇文章中，我们将详细探讨如何在vue-cli3.0环境中使用Element UI的上传组件el-upload。el-upload组件允许用户上传文件，并且可以进行一系列的定制和限制，以满足各种需求。 首先，`<el-upload>`组件的基本用法...
Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序
06-15
对于小白来说怎么在Vuedraggable里使用element组件提供了实际应用参考。table样式完全模拟了el-table组件样式。看官方文档两天也不如直接看一个完整的实例。 需要安装依赖：npm i -S vuedraggable@next
vue-better-calendar:vuejs的日历组件，提供四种日期选择模式（范围选择，多项选择，签入，单选）
05-28
vue-better-calendar A calendar component for vuejs. 关于vue-better-calendar vue-better-calendar是一个基于vue的日期选择插件，它提供了四种日期选择模式（范围选择，多选，签到，单选） 在线示例 安装 使用npm安装 npm install --save vue-better-calendar ES6方式导入 import VueBetterCalendar from 'vue-better-calendar' Vue.use(VueBetterCalendar) 在组件中引入 <vue></vue> 直接连入页面使用 <script src="https://unpkg.com/vue@2.5.16/dist/vue.
element-plus离线文档
05-07
Element Plus 是一个基于 Vue 3 的开源组件库，它提供了丰富的 UI 组件，用于构建现代 Web 应用程序。这个离线文档包含了 Element Plus 的所有官方文档，方便开发者在没有网络连接或者内网环境中查阅和学习。 ...
js实现日期农历与公历的互转
xi_nuo的博客
12-06 1824
使用年限：1900-2100 使用场景1：vue项目 js引入：import calendar from '../../utils/calendar.js' 方法调用： getNowDate(){ var nowDate = new Date() // 输入公历年月日，得出农历信息 var nongliStr = calendar.calendarFormatter.sol...
element中calendar组件自定义显示（例如：日期上面显示工作负责人）vue+element自定义日历
weixin_41549971的博客
02-01 1082
element中calendar组件自定义显示（例如：日期上面显示工作负责人）vue+element自定义日历
element ul中el-calendar日历组件自定义快捷选择年月
m0_62823653的博客
10-15 3205
默认选中任意月份，用户可以自由点选日期。以日历形式展现当前页面。
【Vue】Element Plus和Element UI中插槽使用
热门推荐
SqlloveSyn的博客
06-06 1万+
今天和大家讲一下Element Plus和Element UI这两个组件库中表格的插槽使用方法，一般情况下vue2使用Element UI这个组件库，表格组件的插槽的话一般都是使用v-slot，而vue3使用Element Plus组件库，表格组件中插槽一般为#default，下面就来讲一下这两个。以上就是本章的全部内容，自己总结的，可能想法会有不同之处，希望能够帮助到您。
使用element-plus组件，修改date-picker默认样式
来老师的专栏
04-19 2569
由于vue组件的封装目的是为了让组件之间不互相影响，着很好的解决了组件之间相互干扰的问题。但是同时也带来了一些问题：有时候又需要修改子组件的样式，此时vue中，我们可以使用深度选择器，在父组件中来影响子组件，从而解决这个问题。
element-plus el-date-picker 宽度占比不是百分百
12-30
element-plus的el-date-picker组件默认情况下宽度不是百分百。如果你想让el-date-picker组件的宽度占满父容器，你可以使用CSS样式来设置宽度为100%。 以下是两种设置el-date-picker宽度为100%的方法： 1. 使用内联...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值