Vue+elementui普通上传

Vue+elementui的普通上传可以使用elementui中的el-upload组件，具体步骤如下：

1. 在Vue组件中引入el-upload组件。

<template>
  <el-upload
    action="https://www.example.com/upload"
    :headers="{Authorization: 'Bearer ' + token}"
    :data="{id: fileId}"
    :on-success="handleSuccess"
    :on-error="handleError"
    :on-progress="handleProgress">
    <el-button>点击上传</el-button>
  </el-upload>
</template>

<script>
import {ElUpload, ElButton} from 'element-ui';

export default {
  components: {ElUpload, ElButton},
  data() {
    return {
      token: 'your_token',
      fileId: 'your_file_id'
    };
  },
  methods: {
    handleSuccess(response, file, fileList) {
      console.log(response);
    },
    handleError(error, file, fileList) {
      console.log(error);
    },
    handleProgress(event, file, fileList) {
      console.log(event);
    }
  }
};
</script>

2. 在el-upload组件中设置上传的地址、请求头、上传数据、上传成功回调、上传失败回调和上传进度回调等参数。

3. 在上传成功回调函数中处理上传成功后的逻辑。

以上代码中，`action`属性设置上传的地址，`headers`属性设置请求头，`data`属性设置上传的数据，`on-success`属性设置上传成功后的回调函数，`on-error`属性设置上传失败后的回调函数，`on-progress`属性设置上传进度回调函数。在上传成功回调函数中，可以处理上传成功后的逻辑，比如显示上传成功的提示信息。