vue element上传

 <el-upload
                class="upload"
                :action="actions"
                :headers="headers"
                :on-preview="handlePreview"
                :on-remove="handleRemove"
                :before-remove="beforeRemove"
                :on-success="handlesuccess"
                multiple
                :limit="1"
                :on-exceed="handleExceed"
                :file-list="fileList">

                <el-button size="small" type="primary" icon="el-icon-upload"> 批量上传</el-button>
              </el-upload>
this.actions=`${process.env.VUE_APP_BASE_API }/iot/api.iot/v1/water-record/${this.activeName }/excel`

this.headers= {
        Authorization:getToken()
      }

设置actions 设置headers

show-file-list这个属性控制是否显示下面的东西。

理论上文档中需要的功能都有,只是可能没理解文档的说明

https://element.eleme.cn/#/zh-CN/component/upload

posted @ 2022-04-08 16:02  前端路远且长  阅读(39)  评论(0)    收藏  举报