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

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

若茶先森

8124人浏览 · 2018-06-06 15:54:23

若茶先森 · 2018-06-06 15:54:23 发布

 
  < 
  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文件重新更新方法链接点击打开链接

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^