React-Query 用户，请看一下：表单提交可以这么简单吗？

const submitdata = data => {
  return alovainstance.post('/api/submit', data);
};

<template>
  <input v-model="form.name" />
  <select v-model="form.cls">
    <option value="1">class 1</option>
    <option value="2">class 2</option>
    <option value="3">class 3</option>
  </select>
  <button @click="handlesubmit" :loading="submiting">submit</button>
</template>

<script setup>
  import { formsubmit } from './api.js';
  import { useform } from 'alova/client';

  const {
    loading: submiting,
    form,
    send: submit,
    onsuccess,
    onerror,
    oncomplete
  } = useform(formdata => formsubmit(formdata), {
    initialform: {
      name: '',
      cls: '1'
    }
  });

  const handlesubmit = () => {
    // validate form data...
    submit();
  };
</script>

useform(submitdata, {
  resetaftersubmiting: true
});

const { reset } = useform(submitdata);

const handlereset = () => {
  reset();
};

const returnStates = useForm(submitData, {
  initialForm: {
    step1Input: '',
    step2Input: '',
    step3Input: ''
  },
  id: 'testForm'
});