在用element-ui的框架中,使用el-data-picker的type="daterange"的方式修改日期时,当编辑的时候,修改的日期不显示,但是提交到后台是正确的。原因是:结果发现得到的日期可以渲染在el-date-picker上,但是修改的时候不会回显,控件中没有实时更新,change方法也没用
最终选择采用this.$set方法进行数据的更新,并成功解决此问题
his.$set使用方法
调用方法:this.$set( target, key, value )
🌹 target:要更改的数据源(可以是对象或者数组)
🌹 key:要更改的具体数据
🌹 value :重新赋的值
<el-date-picker v-model="formdate.time" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" ></el-date-picker>
————————————————
this.$nextTick(() => {
this.$set(this.formdate, "time", [data.startTime,data.endTime]);
});