vue2+element表单数据联动无法赋值到表单上和无法重新修改编辑问题

需求演示

一、解决显示赋值问题

在方法后使用this.$forceUpdate()方法即可。

二、解决表单赋值后无法修改问题

使用this.$set(）方法即可。

例：this.$set(this.ruleForm, 'finishTime', time)

        this.ruleForm:是data中定义的对象

        'finishTime'：是定义的对象中的key

        time：是键值对的值value

代码演示

methods: {
    timeFun(e) {
      const time = new Date(e)
      time.setMonth(time.getMonth() + 4)
      this.$set(this.ruleForm, 'finishTime', time)
      this.$forceUpdate()
      if (e === null) {
        this.ruleForm.finishTime = ''
      }
    }
}