【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.  //赋值

    },