vue element form表单绑定数据变更但页面不刷新

<el-form :model="childFormData"  >

问题：当childFormData发生变化时,页面显示内容没有变化,
解决: 增加 :key="timer"

<el-form :model="childFormData"  :key="timer">

data(){
  return {
    timer:'',
  }
}

watch:{
  formData:{
    handler(val){
      this.childFormData = val;
    //改变childFormData时,改变timer的值
      this.timer = new Date().getTime();
    }
  }
}

用reload等方式会造成页面闪动,这种方式可以做的无痕刷新

来源:https://blog.csdn.net/qq_34955596/article/details/103770017