vue中 element-ui中 submit表单action下载(示例)
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
<
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文件 重新更新方法链接 点击打开链接
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)