当使用element中的日期选择器el-time-picker，时间选不上

当使用 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>