前言
使用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'])
}