PC端后台管理导入功能（ant-design-vue）

最新推荐文章于 2023-12-26 15:44:52 发布

房东的猫〃

最新推荐文章于 2023-12-26 15:44:52 发布

阅读量931

点赞数

本文链接：https://blog.csdn.net/Landlord_cat/article/details/107708310

版权

本文介绍了如何使用Ant Design Vue在PC端后台管理系统中实现导入功能，包括文件类型的校验（.xlsx 和 .xls），上传后的列表清空，以及利用a-upload组件与后端接口配合完成导入操作。

摘要由CSDN通过智能技术生成

在这里插入图片描述
样式自己调节上代码

// 门店批量导入
    //点击下载模板
    downLoad() {
   
      window.location.href = '/门店导入模板.xls'
    }, 
    addExcel() {
   
      this.dialog = true
    },
    uploadChange(info) {
   
      const status = info.file.status;
    //   console.log('文件名',info.file);
      this.fileLists = info.fileList