iViewのエクスポートファイル(TXT)

111

1、エクスポートファイルのボタンを定義
:<サイズ= "buttonSize"ボタン タイプ = "text"の アイコン = "iOSの-印刷-概要" @click = "するexportData"> エクスポートTXT </ button>の私はにフレームモードである2を、派生指定されたデータを選択し 、< モーダル タイトル = "風船" Vの -model = "modalConfirm" @on "偽modalConfirmへ=" -cancel = @on -OK = "doExportTxt" クラス -name = "垂直-センターモーダル"> <h3のスタイル=「 マージン左:10pxの; マージン下:10pxの;」>あなたは</ H3>をエクスポートするバージョンを選択してください <RADIOGROUP Vモデル= "preferVersion"サイズ= "大"> <
無線 V - のため = "バージョンの項目" :ラベル = " '版本号为:' + item.preferVersion" = "item.preferVersion" > </ラジオ> <A:HREF = "txtUrl" REF = "downloadBtn ":ダウンロード=" txtName」スタイル= "表示:なし;">下载</a>の </ RADIOGROUP> </モーダル>

3、定义jsの中的变量
エクスポートデフォルト{ 
データ(){
リターン{
txtUrl:ヌル、
txtName:ヌル、
preferVersion:ヌル、
バージョン:[]、
versionList:[]、
modalConfirm:偽
}
4、在方法方法内加入
するexportDataは(){ 
せ私=この
axios.request({
メソッド: 'ポスト'、
URL: '/ feenormaldiscount /バージョン'、
データ:{}
})。次に、(関数(応答){
me.version = response.data。
me.modalConfirm =真
)}
}、
doExportTxt(){ 
私=このせ
axios.request({
'後'、方法
URL: '/ feenormaldiscount / exportversion'、
データ:{
me.preferVersion:preferVersion
}
次に、(関数(応答){。})
= versionListを聞かせresponse.dataは、
(versionList.length == 0){場合
。;私$ Message.warning( '!暂无数据')
falseを返す;
}
。VARタイトル= Object.keys(versionList [0])「(参加します、 ")+" \ n ";
VAR txtContext =" ";
iはversionList.lengthを<;(VAR i = 0 iが++){
。txtContext + = Object.values(versionList [I])"(参加、")+" \ n ";
}
VAR elHtml =タイトル+ txtContext。
VaRのMIMEタイプ= 'text / plainの';
me.txtName = "Fee_Normal_Discount.txt"
me.txtUrl = 'データ' + MIMEタイプ+ ';のcharset = UTF-8' + encodeURIComponentで(elHtml)。
私。$ nextTick(_ =>私。$ refs.downloadBtn.click())
})
}
  

 

おすすめ

転載: www.cnblogs.com/wcnwcn/p/11497722.html