a-tree-select选择框值置空问题（实战

<a-form 
      :form="modalForm"
      ref="dataForm"
      :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
      <a-form-item label="审计年度">
          <a-select style="width: 120px" @change="getYear" v-model="year">
            <a-select-option
              v-for="(item, index) in 100"
              :key="index"
              :value="new Date().getFullYear() - index"
            >
              {{ new Date().getFullYear() - index }}
            </a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="分类名称"
          ><a-tree-select
            style="width: 100%"
            v-model="dataForm.parentId"
            v-decorator="['parentId', { rules: [{ required: true, message: '请选择分类' }] }]"
            allow-clear
            :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
            :tree-data="treeData"
            :tree-default-expand-all="false"
          >
          </a-tree-select></a-form-item
        >
        <a-form-item label="名称">
          <a-input v-model="dataForm.name" v-decorator="['name', { rules: [{ required: true, message: '请输入名称' }] }]"/>
        </a-form-item>
      </a-form>

今天在项目中遇到一个问题，切换审计年度的时候，会同步更新成当年的分类，所以当当前年度没有某分类的时候，select选择框中就会展示为id，因此需要切换年度时置空此值

解决方案： 

this.modalForm.setFieldsValue({parentId:''})

⚠️：在网上找的方法中只有这种针对我的项目生效了，不是很清楚为什么直接更改v-model的值为空字符串不生效，有朋友知道的话可以教我一下～～～