背景:在使用日期范围组件的时候,从后台获取的时间赋值上去,再进行时间修改时,时间无法修改,而且change时间也无法触发
解决方法:使用set赋值
原代码:
this.$api.findInfo(id)
.then((res) => {
// 处理起始时间
this.getForms.entrantFamilies.forEach(item => {
let list = [item.startDate,item.endDate]
item.timeDate = list
});
})
.catch((error) => {
this.$message.error("网络错误,稍后再试");
});
............
修改后
this.$api.findInfo(id)
.then((res) => {
// 处理起始时间
this.getForms.entrantFamilies.forEach(item => {
let list = [item.startDate,item.endDate]
// item.timeDate = list
this.$set(item,"timeDate",list) //改为$set
});
})
.catch((error) => {
this.$message.error("网络错误,稍后再试");
});
............