el-date-picker不回显
时间: 2024-01-04 20:20:16 浏览: 106
微信小程序picker组件省市二级联动及其修改时进行回显
5星 · 资源好评率100%
el-date-picker不回显可能是因为没有正确设置v-model绑定的值或者change事件没有正确处理。以下是一个示例代码,演示了如何正确使用el-date-picker组件并处理change事件:
```html
<template>
<el-date-picker
v-model="dateRange"
@change="handleDateChange"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
dateRange: [] // v-model绑定的数组
};
},
methods: {
handleDateChange() {
// 在change事件中处理后端需要的两个字段赋值
const startDate = this.dateRange[0];
const endDate = this.dateRange[1];
// 进行后续操作,例如向后端发送请求等
}
}
};
</script>
```
请确保在change事件中正确处理后端需要的两个字段赋值,并根据实际情况进行后续操作。如果问题仍然存在,请检查v-model绑定的值是否正确设置,并确保change事件处理函数中的逻辑正确。
阅读全文