elementplus el-date-picker 清空按钮事件
要为element-plus el-date-picker添加清空按钮事件,可以使用v-model指令将日期选择器的值绑定到一个数据属性上,然后在清空按钮的点击事件中将该数据属性重置为空。
首先,需要在Vue组件中定义一个数据属性来存储日期选择器的值:
data() {
return {
date: null
}
}
然后,在el-date-picker中使用v-model指令将date属性绑定到日期选择器的值上:
<el-date-picker v-model="date"></el-date-picker>
最后,在清空按钮的点击事件中将date属性重置为空:
<el-button @click="clearDate">清空</el-button>
methods: {
clearDate() {
this.date = null;
}
}
这样,当点击清空按钮时,date属性会被重置为空,从而清空el-date-picker的值。
原文地址: https://www.cveoy.top/t/topic/i9iY 著作权归作者所有。请勿转载和采集!