表单报错，显示有多余被收集的控件

<FormItemRest> 是 Ant Design Vue 中的一个组件，用于处理那些不需要被表单验证或收集的字段。它允许你将这些字段放在表单项内而不触发“一个 FormItem 只能收集一个字段项”的警告。

当你在一个 FormItem 内放置了多个输入控件时，Ant Design Vue 会尝试为每个控件注册表单校验和数据收集逻辑。如果这些控件不应该被收集（例如按钮、装饰性元素等），这会导致冲突并产生警告。

通过使用 <FormItemRest> 包裹那些不需要收集的控件，你可以明确告诉 Ant Design Vue 这些控件不应被视为独立的表单项。这样，Ant Design Vue 就不会对它们进行数据收集或校验，从而避免了上述警告。

示例

假设你有如下代码：

<a-form>
  <a-form-item>
    <Select v-model:value="selectValue" ... />
    <Button @click="openMoreModal()">...</Button> <!-- 不需要收集的控件 -->
  </a-form-item>
</a-form>

在这种情况下，Button 控件不应当被视为表单项的一部分。为了修正这个问题，你可以使用 <FormItemRest>：

<a-form>
  <a-form-item name="selectValue">
    <Select v-model:value="selectValue" ... />
    <FormItemRest>
      <Button @click="openMoreModal()">...</Button> <!-- 放入 FormItemRest 中 -->
    </FormItemRest>
  </a-form-item>
</a-form>

这样做之后，FormItem 只会对 Select 组件进行数据收集和校验，而忽略 Button 组件，因此不会再出现“只能收集一个字段项”的警告。

总结：

• <FormItemRest>：用于包裹不需要被表单验证或收集的字段。
• 作用：防止不必要的控件（如按钮）被当作独立的表单项处理，从而避免相关的警告或错误。

在你的具体场景中，如果你遇到了类似的警告，并且某些控件（比如按钮）确实不需要被表单收集，那么将这些控件放入 <FormItemRest> 标签内是一个合适的解决方案。这样不仅解决了警告问题，也使代码逻辑更加清晰。