问题

点击修改按钮之后,可以回显上一次添加的开始时间和结束时间,但是你重新选择开始时间结束时间之后,输入框不更新。
解决办法
修改点击“修改按钮时查询详情的代码”,点击修改按钮,通过id获取实体详细信息
下面展示一些 旧的的查询详情。
getRefund(fId).then(response => {
this.form = response.data;
if(response.data.startTime!=null && response.data.endTime!=null){
//用这个方法赋值
this.form.pickertime= [response.data.startTime, response.data.endTime]
}
});
下面展示一些 修改后的代码。
getRefund(fId).then(response => {
this.form = response.data;
if(response.data.startTime!=null && response.data.endTime!=null){
//用这个方法赋值
this.$set(this.form,“pickertime”,[ response.data.startTime,response.data.endTime])
}
这个是重点
this.$set(this.form,"pickertime",[ response.data.startTime,response.data.endTime])
本文讲述了如何在JavaScript中修复点击‘修改’按钮时,表单时间选择器不更新的问题。重点在于使用Vue的$set方法正确地为form对象的pickertime属性赋值,确保旧时间段被替换而非引用。
6197

被折叠的 条评论
为什么被折叠?



