elementui中日期选择组件 el-date-picker 点击 × 清空所选时间,会将model绑定的值设置为null
在Element UI的el-date-picker
组件中,如果你想要在清除日期(点击输入框中的×)时,同时清空绑定到model的值,你可以监听el-date-picker
的change
事件,并在事件处理函数中进行处理。
以下是一个简单的例子:
<template>
<el-date-picker
v-model="date"
@change="handleDateChange"
clearable
></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: ''
};
},
methods: {
handleDateChange(value) {
if (value === null) {
this.date = '';
}
}
}
};
</script>
在这个例子中,当用户点击日期选择器中的×按钮以清除选择时,handleDateChange
方法会被调用,并且传入的参数是null
。我们通过检查这个参数,并将绑定的date
模型设置为一个空字符串,来实现清空绑定值的目的。
评论已关闭