搜索
您的当前位置:首页正文

Ant Design of Vue DatePicker 给其赋值后不能修改

来源:榕意旅游网

Ant Design of Vue DatePicker 给其赋值后不能修改

在form表单修改时,从后台取数据回填给表格时,使用

this.timeRange = [moment(record.startDate,'YYYY-MM-DD'),moment(record.endDate,'YYYY-MM-DD') ]

会导致日期选择框不能使用,既选择另外的日期后,显示的日期不会跟着修改
表单使用的组件为

<a-range-picker  v-model="form.dateMoment" />

解决方法:使用this.$set进行赋值,控件就能正常使用了

this.$set(this.form, "dateMoment", [res.result.dateStart,res.result.dateEnd]);

因篇幅问题不能全部显示,请点此查看更多更全内容

Top