elementui中el-data-picker中type="daterange"修改日期的时候组件不更新,日期数据也不能删除

在用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]);

   });

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容