<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的值为空字符串不生效,有朋友知道的话可以教我一下~~~