vue中数据刷新问题

 

   <el-form ref="formDataRef" :model="formData" :rules="formDataRules" label-width="130px" v-if="refresh">
 </el-form>


  data() {
    return {
      detailData:{},    
      refresh: true,
    }
  },

  

watch: {
    detailData: {
      handler(newName, oldName) {
        console.log('detailData changed');
        this.refresh = false;
        this.$nextTick(() => this.refresh = true);
      },
      immediate: true,
      deep: true
    }
  },