antdv a-form的校验方式（手把手 附送上传boundary二进制流方法）

最近换了新工作，新公司的主要开发框架使用 antd 的 ui 库进行开发，其中 <a-form> 的校验小红星就是出不来，经过探索和网上搜索发现，antdv 中的 <a-form> 校验方式和熟悉的 element ui 的校验方式有一些区别，具体体现在 antd 主要是使用 <a-form> 自带的 v-decorator 属性进行校验，而不是使用 element ui 的 <el-form-item> 标签中的 ref 进行绑定校验。

<!--@author: fuyucong(congreat)-->
<!--@description: 添加升级包抽屉-->

<template>
  <a-drawer
    :title="title"
    :width="width"
    placement="right"
    :closable="false"
    @close="close"
    destroyOnClose
    :visible="modelVisible">
    <div class="tips-container">请添加要升级至的目标版本的完整的升级包</div>
    <a-form :form="form" :labelCol="labelCol" :wrapperCol="wrapperCol" @submit="submitForm">
      <a-form-item label="升级包名称">
        <a-input
          v-decorator="['name', { rules: [{ required: true, message: '请输入升级包名称' }] }]"
          placeholder="请输入升级包名称"/>
      </a-form-item>
      <a-form-item label="选择产品">
        <a-select
          v-decorator="['productId', { rules: [{ required: true, message: '请选择产品' }] }]"
          placeholder="请选择产品"
        >
          <a-select-option v-for="item in productList" :key="item.id" :value="item.id">{
  { item.name }}</a-select-option>
        &l