背景：使用ant design table組件寫(xiě)了一個(gè)列表，列表帶有下載按鈕將列表內(nèi)容下載成excel列表，要求下載的時(shí)候在瀏覽器下方有下載的提示。

列表代碼： <Tab? columns={this.columns}? ? ? ? dataSource={this.state.noticeInfoList size="middle" // rowSelection={rowSelection}----這個(gè)是控制表格出現(xiàn)復(fù)選框? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 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方法，第二個(gè)參數(shù)指在當(dāng)前頁(yè)簽下進(jìn)行下載，不設(shè)置，則會(huì)是打開(kāi)新的頁(yè)簽進(jìn)行下載，有一個(gè)閃躍的不美觀的視覺(jué)體驗(yàn)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }

下載示意圖：