ElementUI DatePicker直接赋值回显后,无法更改与删除问题

前言

使用vue + ElementUI 开发项目时,使用到e-date-picker组件选择日期范围dateRange,当默认dateRange直接赋值后,导致组件内回显的值无法删除且也无法修改。

解决方案

setTemp(){
  // 直接使用下列方式直接赋值,会导致回显无法更改与删除问题
  this.formData.dataRange = ['2022-10-10', '2022-10-12']
  // 改为下面的代码就不会出现上述问题
  this.$set(this.formData, 'dataRange', ['2022-10-10', '2022-10-12'])
}

猜你喜欢

转载自blog.csdn.net/loveliqi/article/details/130058223