iview Upload实现手动上传文件

解决问题：在使用第三方上传文件组件的时候，希望能手动控制上传，不使用组件自身所带的自动上传。

组件库：iview

解决方案

html部分

    <Upload
      ref="upload"
      :headers="headers"
      show-upload-list
      drag
      :action="actionUrl"
      accept=".xlsx,.xls"
      :format="format"
      :limit="1"
      :on-success="success"
      :on-error="error"
      :before-upload="beforeUpload"
      :data="data"
    >
      <Icon type="ios-cloud-upload" size="52"></Icon>

</Upload>

js部分

beforeUpload(file) {
     this.file = file;//将文件暂存起来
     return false;//阻止默认的上传
 },
handleOkClick(){
    this.$refs.upload.post(this.file)//手动触发上传
}