如何将日期数组动态赋值给this.highlightDays属性？

嘿，这个需求其实超容易实现，不用再手动逐个操作啦！根据你使用的组件或业务场景，分两种情况来处理：

情况1：this.highlightDays直接接受数字数组格式 #

如果你的日期组件（或者业务逻辑）允许highlightDays是纯数字数组，直接赋值就行。为了避免后续修改原数组影响到highlightDays，建议用扩展运算符或slice()创建新数组，切断引用关联：

const date = [22,25,30];
// 方式1：扩展运算符创建新数组
this.highlightDays = [...date];
// 方式2：slice方法创建新数组
this.highlightDays = date.slice();

情况2：this.highlightDays需要特定对象格式 #

很多日期组件（比如Element UI的DatePicker）要求高亮日期是包含date字段的对象数组，这时候用map()方法就能快速批量转换整个数组：

const date = [22,25,30];
this.highlightDays = date.map(day => ({
  date: day,
  // 可选：添加自定义属性，比如高亮颜色
  color: '#ef4444'
}));

不管你的日期数组有多少元素，这样都能一次性完成动态赋值，完全不用逐个处理~

内容的提问来源于stack exchange，提问作者arunkumar