el-date-picker回显问题解决记录

el-date-picker回显问题记录

组件结构

 				<el-date-picker
   				  v-model="time"
                  type="datetimerange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  :default-time="['00:00:00', '23:59:59']"
                  style="margin-left: 10px"
                  @change="handleChangeTime"
                />

回显事件赋值时无法回显, 数据都能拿到但是视图没有变化, 实际显示的是空时间

async getData() {
      const id = this.params.id
      await queryCouponInfo(id).then(res => {
        const response = res.data
        this.time[0] = response.startTime || ''
        this.time[1] = response.endTime || ''
      }).finally(() => {
      })
    },

解决代码:

async getData() {
      const id = this.params.id
      await queryCouponInfo(id).then(res => {
        const response = res.data
        this.time = [response.startTime || '', response.endTime || '']
      }).finally(() => {
      })
    },

偶然性解决问题, 还存在很多疑点, 由于项目比较赶, 已解决问题为目的做个记录, 以后回来筛查原因