背景:使用ant design table组件写了一个列表,列表带有下载按钮将列表内容下载成excel列表,要求下载的时候在浏览器下方有下载的提示。
列表代码: <Tab columns={this.columns} dataSource={this.state.noticeInfoList size="middle" // rowSelection={rowSelection}----这个是控制表格出现复选框 pagination={false} loading={this.state.loading} ></Table>
下载按钮:<Button key="confirm" // type="primary" // loading={this.loading} onClick={() => this.downLoadAllList()} >下载</Button>
下载功能代码: downLoadAllList() { let param = { companyId:555, downloadFlag:'1', companyName:'xuzhen' } let url = `${configs.host}${FindAllAnnouncementInformationByCompanyId}?companyId=${param.companyId}&downloadFlag=${param.downloadFlag}&companyName=${param.companyName}` window.open(url, '_self') -----open方法,第二个参数指在当前页签下进行下载,不设置,则会是打开新的页签进行下载,有一个闪跃的不美观的视觉体验 }
下载示意图: