电子产品定制开发_网络科技有限公司起名大全参考_文山seo公司_中国新闻

el-date-picker daterange时间范围 编辑回显后不能修改

 <el-form-item:label="LABELS.gplanRecordDateLabel"prop="gplanRecordDate"><el-date-pickerstyle="width: 300px"v-model="formData.gplanRecordDate"type="daterange"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"></el-date-picker></el-form-item>

gplanRecordDate: [{required: true,trigger: 'blur',message: '时间范围不能为空',},],

解决办法

在编辑回显时，属性赋值使用下面方法赋值：

Vue3写法：proxy.$set(formData.value, 'gplanRecordDate', [new Date(props.data.gplanStarttime),new Date(props.data.gplanEndtime),]);
Vue2写法
this.$set(formData.value, 'gplanRecordDate', [new Date(props.data.gplanStarttime),new Date(props.data.gplanEndtime),]);

主要就是在赋值时，使用$set方法，绑定响应式