[toc] ### 1. 实现上传文件的模态框效果 ``` <!-- 上传文件 --> <Modal v-model="uploadModal" title="上传文件" fullscreen footer-hide @on-cancel="getData"> </Modal> ``` ### 2. 实现点击上传按钮显示模态框 ``` <Button type="primary" icon="ios-search" class="mr-2" @click="uploadModal = true">上传</Button> ``` ### 3. 实现点击或者拖拽图片上传效果 ``` <!-- 上传文件 --> <Modal v-model="uploadModal" title="上传文件" fullscreen footer-hide @on-cancel="getData"> <Upload :headers="{ token }" multiple type="drag" :action="'/api/upload?file_id=' + file_id"> <div style="padding: 20px 0"> <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon> <p>单击或拖动文件上传</p> </div> </Upload> </Modal> ```