一、出现的问题

在修改/编辑时,el-date-picker中的×点击不生效,无法清空,并且重新选择新的日期范围也不显示

 二、问题分析

首先来分析一下,新增的时候不会出现这种情况,而编辑/修改时却会,那么新增和编辑/修改的区别在哪?很明显,就是回显数据。所以问题很可能就是出现在回显数据这里。el-date-picker所绑定的变量返回的是一个数组,那么我们编辑/修改回显数据的时候赋值给el-date-picker所绑定的变量肯定也是数组的形式,但是表单的话,我们的数据一般都是放在对象里面,所以出现这个问题很大原因就是赋值的方式不对,如下图所示:

 直接这样赋值的话回显却是是可以回显了,但是无法修改也无法清空,正确的赋值方式应该使用$set的方式

 

这样就完美解决了这个问题

Logo

前往低代码交流专区

更多推荐