el-date-picker时间范围搜索条件 使用watch监听
HTML部分：
<el-form-item label="日期选择" prop="orderNo">
<el-date-picker
v-model="dataList"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
JS部分：
export default {
data() {
return {
dataList:[],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
startDate: null,
endDate:null,
},
}
},
watch: {
// 监听 dataList 变化
dataList(newVal) {
this.queryParams.startDate = newVal[0];
this.queryParams.endDate = newVal[1];
}
}
}
