在用element-ui的框架中房待,使用el-data-picker的type="daterange"的方式修改日期時,當(dāng)編輯的時候驼抹,修改的日期不顯示桑孩,但是提交到后臺是正確的。原因是:結(jié)果發(fā)現(xiàn)得到的日期可以渲染在el-date-picker上框冀,但是修改的時候不會回顯流椒,控件中沒有實時更新,change方法也沒用
最終選擇采用this.$set方法進行數(shù)據(jù)的更新明也,并成功解決此問題
his.$set使用方法
調(diào)用方法:this.$set( target, key, value )
?? target:要更改的數(shù)據(jù)源(可以是對象或者數(shù)組)
?? key:要更改的具體數(shù)據(jù)
?? value :重新賦的值
<el-date-picker v-model="formdate.time" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="開始時間" end-placeholder="結(jié)束時間" ></el-date-picker>
————————————————
this.$nextTick(() => {
? ? ? ? this.$set(this.formdate, "time", [data.startTime,data.endTime]);
? ?});