【element-ui】element el-time-select组件 回显 修改问题

一、回显问题

二、change事件问题

开发时遇到修改时间,新增的时候是可以的,但是编辑的时候再修改就没有效果,但确认后刷新页面其实是修改了的.

好了下面直接说解决方法:

先讲一下 vue强制更新f o r c e U p d a t e ( ) 添 加 t h i s . forceUpdate() 添加this.forceUpdate()添加this.forceUpdate();进行强制渲染，效果实现。搜索资料得出结果：因为数据层次太多，render函数没有自动更新，需手动强制刷新。

调用强制更新方法this.$forceUpdate()会更新视图和数据，触发updated生命周期。

      <el-date-picker
 
            @input="changeTime"。    //需要绑定input事件
 
            v-model="formData.time"
 
            type="datetimerange"
 
            range-separator="至"
 
            start-placeholder="开始时间"
 
            end-placeholder="结束时间"
 
            value-format="yyyy-MM-dd HH:mm:ss"
 
          >
 
          </el-date-picker>
 
  changeTime(val) {
 
      this.$forceUpdate()    //需要使用强制更新
 
    this.formData.time = val.  //赋值
 
    },