vue中 element-ui中 submit表单action下载(示例)

< form name= "orderform" style= "display:inline-block;" action= "http://dev.womaoapp.com/fwas-wishingLamp-admin/sys/wishingOrderRest/orderExportExcel" method= "post" >

< input v-show=" false" style= "visiable:hidden;" type= "text" name= "wishingLampId" v-model=" form. wishingLampId" >

< input v-show=" false" style= "visiable:hidden;" type= "text" name= "orderNo" v-model=" form. orderNo" >

< input v-show=" false" style= "visiable:hidden;" type= "text" name= "channelId" v-model=" form. channelId" >

< input v-show=" false" style= "visiable:hidden;" type= "text" name= "startTime" v-model=" form. startTime" >

< input v-show=" false" style= "visiable:hidden;" type= "text" name= "endTime" v-model=" form. endTime" >

<!-- <input style="height:40px;background:#C8C9CC;border-radius:3px;" @click="daochu" type="button" value="批量导出" /> -->

< el-button display= "inline-block" class= "filter-item" type= "primary" :loading=" downloadLoading" icon= "el-icon-download" @click=" handleDownload" >导出 </ el-button >

</ form >

下边是method中的方法

handleDownload () {

document. orderform. submit()

},

又综合看了下  上边的方法感觉比较low 原生的可能和vue中element-ui中的方法在一块还是有点低端和格格不入，参考一些资料之后，又重新更新了一篇，参考借鉴。element-ui中下载excel文件 重新更新方法链接 点击打开链接