原始代碼如下：

 <el-form-item class="form_bigt_p" label="項(xiàng)目起止時(shí)間:" prop="time">
              <el-date-picker unlink-panels 
                class="bigWidth"
                :disabled="isDisabled"
                v-model.trim="ruleForm.time"
                type="daterange"
                value-format="timestamp"
                range-separator="至"
                start-placeholder="開始日期"
                end-placeholder="結(jié)束日期"
              ></el-date-picker>
            </el-form-item>

由于后臺(tái)返回的數(shù)據(jù)是兩個(gè)yyyy-mm-dd格式的日期(startTime,endTime)，因此一開始采用

         this.ruleForm.time = [
           this.baseDateTemp(res.data.startTime),
           this.baseDateTemp(res.data.endTime)
         ];
         //this.baseDateTemp是全局的轉(zhuǎn)日期為時(shí)間戳的方法

結(jié)果發(fā)現(xiàn)得到的日期可以渲染在el-date-picker上，但是修改的時(shí)候不會(huì)回顯
經(jīng)測(cè)試后發(fā)現(xiàn)，此時(shí)可以觸發(fā)input方法，但不觸發(fā)change方法
在input方法中可知，修改時(shí)，el-date-picker所綁定的v-model的值已經(jīng)改變，但是控件中沒有實(shí)時(shí)更新
最終選擇采用this.$set方法進(jìn)行數(shù)據(jù)的更新，并成功解決此問題
修改后代碼如下

 <el-form-item class="form_bigt_p" label="項(xiàng)目起止時(shí)間:" prop="time">
              <el-date-picker unlink-panels 
                class="bigWidth"
                :disabled="isDisabled"
                v-model.trim="ruleForm.time"
                type="daterange"
                value-format="timestamp"
                range-separator="至"
                start-placeholder="開始日期"
                end-placeholder="結(jié)束日期"
                @input="testClick"
              ></el-date-picker>
            </el-form-item>

    testClick(e) {
      this.$nextTick(() => {
        this.ruleForm.time = null;
        this.$set(this.ruleForm, "time", [e[0], e[1]]);
      });
    },
    // 將后臺(tái)獲取到的兩個(gè)日期轉(zhuǎn)為time的方法修改為
        this.$set(self.ruleForm, "time", [
          this.baseDateTemp(res.data.startTime),
          this.baseDateTemp(res.data.endTime)
        ]);