在vue中使用elementUI饿了么框架使用el-calendar日历组件，实现自定义显示备忘录标注

https://www.cnblogs.com/bobo1/p/12106366.html饿了么官网给的自定义例子是点击哪个日期在日期后面加个勾而我们想要的是显示备忘录，像这样↓，日历上直接显示这时候我们要把template里的代码改一下{{ data.day.split(’-’).slice(1).join(’-’) }} {{dealMyDate(data.day)}}　　其实当我们刷新当前页

胖图图

4628人浏览 · 2021-02-06 17:27:42

胖图图 · 2021-02-06 17:27:42 发布

https://www.cnblogs.com/bobo1/p/12106366.html
饿了么官网给的自定义例子是点击哪个日期在日期后面加个勾
在这里插入图片描述
而我们想要的是显示备忘录，像这样↓，日历上直接显示

这时候我们要把template里的代码改一下

　　其实当我们刷新当前页面，或者点击日历上的日期选择其他月份，这个el-calendar都会重新渲染一次，slot="dateCell"这个插槽里的内容会被循环页面上显示多少个日期的次数

这时候我们就可以去匹配后台传回来的日期，然后加上备注，看js代码

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^