vue 和el-upload上传文件

Vue 是一个流行的前端框架，而 el-upload 是一个基于 Vue 的文件上传组件。

使用 el-upload 组件进行文件上传，需要先引入组件：

// 引入 el-upload 组件
import { Upload } from 'element-ui';

然后在 Vue 组件中配置 el-upload 组件：

<el-upload
  class="upload-demo"
  action="/upload"
  :on-success="handleSuccess"
  :before-upload="beforeUpload">
  <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

其中，`:on-success` 和 `:before-upload` 分别是上传成功和上传前的钩子函数，需要在 Vue 实例中定义相应的方法：

methods: {
  handleSuccess(response, file, fileList) {
    console.log(response);
  },
  beforeUpload(file) {
    console.log(file);
  }
}

其中 `response` 是上传成功后服务器返回的数据，`file` 是当前上传的文件对象，`fileList` 是上传文件列表。

在 `action` 属性中指定了上传文件的地址，这里需要根据实际情况进行修改。

这样就可以使用 el-upload 组件进行文件上传了。