使用ant desigh中form中重置 this.props.form.resetFields() 但是不刷新数据怎样使用

Question

//页面刚开始渲染页面执行
  componentDidMount = () => {
    // 查询所有的所属项目
    if (this.props.beloneProjectList.length == '0') {
      if (!this.props.loading) {
        this.props.dispatch({ type: 'eventDetectionData/updateLoading', payload: { loading: true } });
        Service.getFaciProjectList().then((data) => {
          console.log('getFaciProjectList后台所属项目',data);
          if (data.success) {
            const list = data.faciProjectList || [];
            this.props.dispatch({ type: 'eventDetectionData/updateProjectList', payload: { beloneProjectList: list } });
          }
          this.props.dispatch({ type: 'eventDetectionData/updateLoading', payload: { loading: false } });
        });
      }
    }
    // 查询所有的安装位置
    if (this.props.monitorPointList.length == '0') {
      if (!this.props.loading) {
        this.props.dispatch({ type: 'eventDetectionData/updateLoading', payload: { loading: true } });
        Service.findAllEquipPoint().then((data) => {
                    console.log('findAllEquipPoint后台安装位置',data);
          if (data.success) {
            const list = data.monitorPointList || [];
            this.props.dispatch({ type: 'eventDetectionData/updateMonitorPointList', payload: { monitorPointList: list } });
          }
          this.props.dispatch({ type: 'eventDetectionData/updateLoading', payload: { loading: false } });
        });
      }
    }
        //一打开界面直接调用onAutoSubmit函数，从而执行父组件中onSubmit函数
    this.onAutoSubmit();
  }
  onAutoSubmit () {
    const queryobj = { }
    this.props.onSubmit(queryobj);
  }
//查询的函数
  onSubmit (e) {
    e.preventDefault()
    const queryobj = this.props.form.getFieldsValue()
        console.log('AAAAA',queryobj)
    let query = {}
    query = { ...queryobj }
    this.props.onSubmit(query)
  }
//重置函数
  handleReset = () => {
    this.props.form.resetFields();
    console.log('重置后查询条件不刷新',this.props.form.getFieldsValue());
  }

这是我那一部分的代码，查询结果是自执行的，点击重置的时候，会将查询结果重新查一遍，但是我想实现的是点击重置按钮，不刷新查询出的数据。只将查询条件重置；

Answer 1

1. 使用 this.$refs 而不是 this.$ref
2. 配合使用 this.$nextTick(() => {})
3. el-form 中的 model / ref 以及 el-form-item 中的 prop 再检查一遍吧

---

2020年6月30日 10:55:49