vue中el-date-picker 编辑时clearable无法清空
vue中el-date-picker 编辑时clearable无法清空
·
一、出现的问题
在修改/编辑时,el-date-picker中的×点击不生效,无法清空,并且重新选择新的日期范围也不显示
二、问题分析
首先来分析一下,新增的时候不会出现这种情况,而编辑/修改时却会,那么新增和编辑/修改的区别在哪?很明显,就是回显数据。所以问题很可能就是出现在回显数据这里。el-date-picker所绑定的变量返回的是一个数组,那么我们编辑/修改回显数据的时候赋值给el-date-picker所绑定的变量肯定也是数组的形式,但是表单的话,我们的数据一般都是放在对象里面,所以出现这个问题很大原因就是赋值的方式不对,如下图所示:
直接这样赋值的话回显却是是可以回显了,但是无法修改也无法清空,正确的赋值方式应该使用$set的方式
这样就完美解决了这个问题
更多推荐
已为社区贡献1条内容
所有评论(0)