1. 程式人生 > >前端js vue中 檔案 單個下載與批量打包下載

前端js vue中 檔案 單個下載與批量打包下載

<form ref="Ref_FromDownload" :action="URL" :method="method" style="display:none">
    <!-- 單個下載  -->
    <input type="text" name="token" v-model="token">
    <!-- 批量下載  第一個是打包下載後文件名,第二個根據id -->
    <input v-if="method.toLowerCase() === 'post' "type="text" name="filename" v-model
="fileName">
<input v-if="method.toLowerCase() === 'post' "type="text" name="ids" v-model="ids"> </form> props:{ method:{ type:String, default:"get" }, filename:String, rowId:{ type:string, required:true } } computed:{ URl(){ 動態計算單個與多個下載地址 }, token(){ 登陸token }, // 業務編號 ids(){ 接受的rowId } }, methods:{ summit() { // 每次dom更新提交一次,批量提交 this.$nextTick(_=>{ this.$refs.Ref_FormDownload.submit(); }) } }