Element UI时间选择器不能复现

108 阅读1分钟

image.png 还是vue无法监听数组未知的数组下标值的改变、需要使用set方法或者vue重写的数组常用的api进行赋值

<el-form-item prop="time" label="活动时间:">
          <el-date-picker
            v-model="form.time"
            class="marginright"
            type="daterange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            value-format="yyyy-MM-dd"
            align="right"
            size="mini"
          ></el-date-picker>
        </el-form-item>
created() {
    this.$nextTick(() => {
      // 不要直接赋值
      // this.form.time[0] = infoDetails.sell_time
      // this.form.time[1] = infoDetails.end_time
      // 使用set方法
      this.$set(this.form.time, '0', infoDetails.sell_time)
      this.$set(this.form.time, '1', infoDetails.end_time)
    })
  }