ElementUI —— Upload 文件上传

在Element UI中，可以使用<el-upload>组件来实现文件上传的功能。以下是一个简单的例子，展示了如何使用<el-upload>组件上传文件：

<template>
  <el-upload
    class="upload-demo"
    drag
    action="https://jsonplaceholder.typicode.com/posts/"
    multiple
    :on-success="handleSuccess"
    :on-error="handleError"
  >
    <i class="el-icon-upload"></i>
    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
  </el-upload>
</template>
 
<script>
export default {
  methods: {
    handleSuccess(response, file, fileList) {
      console.log('文件上传成功', response, file, fileList);
    },
    handleError(err, file, fileList) {
      console.error('文件上传失败', err, file, fileList);
    }
  }
};
</script>

在这个例子中，<el-upload>组件被设置为可以拖放上传（drag属性），action属性指定了文件上传的服务器地址，multiple属性允许多文件上传。on-success和on-error方法用于处理文件上传成功和失败的情况。

请确保服务器端能够处理上传的请求，并且对应的URL是可访问的。在实际应用中，你需要将action属性的URL替换为你的服务器API地址。