首先分析需求:
-
上传为dbf,xlsx 的文件
-
上传的数量最大为1
-
通过点击或拖拽的方式选择需要上传的文件
使用组件为:ant-design-vue 版本:@4.07
接着看组件中的相关属性
ps:提取一些关键的信息,
保存文件的列表,上传前的事件(含限制条件),上传文件的地址等
最后开始写代码:
<div class="down"> <a-upload-dragger class="up_word" :fileList="fileList" name="file" :max-count="1" :multiple="false" accept=".dbf, .xlsx" method="post" :before-upload="beforeUpload" @change="handleChange" @remove="handleRemove"