当使用 el-time-picker 时 v-model绑定的 formInline.value1 默认值要是 为空数组 [] ,则这个时间选择器 滑动选择时间是有问题的,可以在数组中设置默认时间,解决这个问题 ,但是 当这个组件时 查询框的时候 首次是不应该存在默认值的 这时候 就可以 将 value1 初始化 为 null
<template>
<div>
<el-time-picker
is-range
v-model="formInline.value1"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="选择时间范围"
value-format="HH:mm:ss">
</el-time-picker>
</div>
</template>
<script>
export default {
data() {
return {
formInline:{
value1:null
}
}
},
//当 value1初始化为 null时,在搜索中需要做个三元的判断
methods:{
async init() {
let res = await playList({
beginTime:this.formInline.value1 != null ? this.formInline.value1[0] : '' ,
endTime: this.formInline.value1 != null ? this.formInline.value1[1] : '' ,
});
}
}
</script>