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()

},

文章来源: vue中 element-ui中 submit表单action下载(示例)