element中el-time-picker回显问题(可选择任意的时间范围)

编辑页面需要将el-time-picker的数据回显出来
实例如下:使用的是一个选择时间范围的组建.

一,元素快

//这是元素快
  <el-form-item label="早餐" prop="" >
                <!-- <el-input class="widthfull" size="small"  placeholder="请输入备注" ></el-input> -->
                    <el-time-picker
                    :picker-options="dataForm.pickerOptionsStart"
                    format="HH:mm:ss"   value-format="HH:mm:ss"//别忘记了format。 value-format
                      is-range
                      v-model="form.menuInfo.morning"
                      range-separator="至"
                      start-placeholder="开始时间"
                      end-placeholder="结束时间"
                      placeholder="选择早餐时间范围">
                    </el-time-picker>
                </el-form-item>

二,数据data

form:{
        "menuInfo":{
          morning:"",
         
        }
      },

三,回显

 this.$set(this.form.menuInfo, 'morning', ["06:00:00", "09:59:59"]);
 注意:
 **在这里你使用下面的赋值是不起效的,是没有刷新虚拟dom树的原因.切记,切记.**
 // this.form.menuInfo.morning[0]="06:00:00";
            // this.form.menuInfo.morning[1]="09:59:59";