elementui中日期选择组件 el-date-picker 点击 × 清空所选时间,会将model绑定的值设置为null

良田伍
  • 7

在为null时候重新赋值也不起作用,请问怎么解决为null的情况?

回复
阅读 21.3k
3 个回答

首先清空变为 null 是组件的行为没法控制。但 clear 行为会触发 change 事件,所以在 change 事件里去检测变更后的值再重置为有效的空值就好了:

<el-date-picler @change="change" />

change (value) {
  if (value == null) value = '' // value = [] 
}

date-picker没有对应的clear方法,监听一下,为null的时候给一个默认值。

我也遇到过这个问题,没有直接好的修复方法,我在用的时候判断绑定的值是否为null来容错,或者跟楼上说的类似,监听固定的事件来修正绑定值为null的情况

宣传栏