Vue2中使用el-upload

在Vue2中使用el-upload，你可以按照以下步骤进行操作：
1. 首先，你需要在项目中引入Element UI库。可以在main.js中添加如下代码：

   import ElementUI from 'element-ui';
   import 'element-ui/lib/theme-chalk/index.css';

   Vue.use(ElementUI);

2. 接下来，在你的组件中使用el-upload组件。你可以参考以下代码示例：

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

   <script>
   export default {
     data() {
       return {
         uploadUrl: 'http://your-upload-url',
       };
     },
     methods: {
       beforeUpload(file) {
         // 在上传前的操作，比如文件格式校验等
       },
       handleSuccess(response, file, fileList) {
         // 上传成功后的操作
       },
       handleError(error, file, fileList) {
         // 上传失败后的操作
       },
     },
   };
   </script>

3. 在beforeUpload方法中，你可以进行上传前的操作，比如文件格式校验等。
4. 在handleSuccess方法中，你可以处理上传成功后的逻辑。你可以根据需要访问返回的响应数据，或者更新组件的数据等。
5. 在handleError方法中，你可以处理上传失败后的逻辑。你可以根据需要访问错误信息，或者进行错误提示等。