如何让el-element日期选择器点击叉掉后返回的值是个一个null,而不是空数组
时间: 2024-02-18 17:01:16 浏览: 160
Element UI框架中巧用树选择器的实现
要让el-element日期选择器点击叉掉后返回的值是null而不是空数组,你需要设置clearable属性为true,并且绑定一个事件监听器来处理清空操作。在事件监听器中,你可以检查是否选择器的值为空数组,如果是,就把值设置为null。具体的代码实现如下:
```html
<el-date-picker v-model="date" :clearable="true" @clear="onClear"></el-date-picker>
```
```javascript
data() {
return {
date: null
};
},
methods: {
onClear() {
if (Array.isArray(this.date) && this.date.length === 0) {
this.date = null;
}
}
}
```
这样,当你点击选择器上的叉号清空选择的日期时,如果之前选择的日期为空数组,就会把值设置为null。
阅读全文