在使用element upload组件中，上传图片时，上传成功后会跳转到别的页面上

在使用 Element upload 组件时，如果上传成功后跳转到别的页面上，可能是因为你在配置上传成功后的回调函数时，调用了 `$router.push()` 或者 `$router.go()` 等路由相关的方法。这些方法会改变当前页面的路由，导致页面跳转。你可以在回调函数中使用 `this.$message` 方法来提示上传成功信息，而不需要跳转到别的页面。例如：

<el-upload
  class="upload-demo"
  action="/upload"
  :on-success="handleSuccess">
  <el-button slot="trigger" type="primary">选取文件</el-button>
  <el-button style="margin-left: 10px;" type="success">上传文件</el-button>
</el-upload>

...

methods: {
  handleSuccess(response, file, fileList) {
    this.$message({
      message: '上传成功',
      type: 'success'
    });
  }
}

这样就可以在上传成功时弹出提示框，而不会跳转到别的页面了。

相关问题

upload组件上传后不让显示文件列表如何实现

在Vue.js中，如果你想使用如Element UI的upload组件上传文件后不显示文件列表，可以采取以下步骤：

1. **禁用默认的查看文件列表功能**：在`el-upload`的选项配置中，你可以设置`show-file-list`属性为`false`，阻止它自动显示已上传文件的列表。

<el-upload
  :action="uploadUrl"
  :show-file-list="false"  <!-- 这里禁用了文件列表 -->
  @success="handleSuccess"
></el-upload>

2. **自定义处理成功回调**：创建一个`handleSuccess`函数，在这里你可以选择不展示任何文件信息，或者只做后台操作，然后通过其他方式（比如路由跳转、通知等）告知用户文件已经上传。

methods: {
  handleSuccess(response, file) {
    // 可能的操作例如：
    this.$notify({
      message: '文件上传成功',
      type: 'success'
    });
    // 或者直接隐藏组件，但通常不推荐，因为用户看不到上传结果
    // this.$refs.upload.hide();
  }
}

在element中<el-upload class="upload_demo" action="http://localhost:8088/deupload" ref="upload" name="f" :on-success="uploadsuccess" :limit="5"> <el-button type="primary">选择图片</el-button> </el-upload>使用这段代码时上传图片是，重定向到首页

根据你提供的代码，我们可以看出这是一个基于Element UI的文件上传组件。根据你的描述，上传图片后会出现重定向到首页的情况，这可能是因为文件上传成功后，服务端返回了一个重定向的响应，这个响应会被浏览器自动跳转到指定的页面。你可以在服务端代码中进行检查，看是否存在这样的重定向响应。如果是这个原因导致的问题，你可以修改服务端代码，让其返回一个正常的响应，不进行重定向。