文件下载

135 阅读1分钟

利用form和iframe实现文件下载

<div>
    <iframe style="display: none" name="if_down"></iframe>
    <form
      ref="myForm"
      method="get"
      action="url"
      id="if_down"
      target="if_down"
    >
      <input type="hidden" name="id" :value="id" />
    </form>
    <div @click.stop="download">
      <slot>下载</slot>
    </div>

表单可实现无刷新页面提交,无需页面跳转,通过一个隐藏的iframe实现,form表单的target设置为iframe的name名称,