element ui 组件使用

element ui 组件使用

upload上传按钮

// 自定义上传接口
 <el-upload
   action="https://jsonplaceholder.typicode.com/posts/"
   :show-file-list="false"
   :http-request="uploadImgs"
   multiple
 >
   <el-button size="small" type="primary">批量上传</el-button>
 </el-upload>



uploadImgs(fileObj) {
      console.log(fileObj); 
      fileObj.status = "uploading"; 
      fileObj.percentage = 0;
      const formData = new FormData(); 
      formData.append("file", fileObj.file); 
      formData.append("type", fileObj.file.type);
      axios({
        method: "post",
        url: "/tender/document/addDocument",
        headers: {
          Authorization: "Bearer " + getToken(),
        },
        data: formData,
      })
        .then((res) => {
          console.log(res);
          this.$message.success('上传成功！');  //上传成功后将
        })
        .catch((err) => {
          console.log(err);
          this.$message.success('上传失败！');
        });
    },