ElementUI TimePicker在form表单中resetFields()后组件失效
ElementUI中的TimePicker组件,当设置is-range属性后,放在form表单中后使用resetFields()方法重置表单,会导致接下来该组件无法继续选取时间。虽然再次打开时间选择面板点击“取消”按钮后恢复正常,但这种操作并不友好。
这是由于设置is-range属性后,对应绑定的值变为数组,当resetFields()后,ElementUI会强制将值初始化为数组。
官方已注意到这个问题,但迟迟没有修复,我们可以采取以下方法暂时解决这个问题。
解决方法
在resetFields()执行后将TimePicker绑定的值从数组类型改为空字符串即可。
_this.$refs['form'].resetFields();
_this.form.timePicker= "";