el-upload怎么使上传文件显示于按钮右方 并且显示上传过程

你可以在 `el-upload` 组件中使用 `list-type` 属性来设置文件列表的类型为 `picture-card`，这样上传的文件就会以卡片形式显示，并且能够实现显示上传过程的效果。

例如：

<el-upload
  class="upload-demo"
  action="https://jsonplaceholder.typicode.com/posts/"
  list-type="picture-card"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :before-upload="beforeUpload"
  :on-progress="handleProgress"
  :on-success="handleSuccess"
  :on-error="handleError">
  <i class="el-icon-plus"></i>
  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
</el-upload>

在上传过程中，你需要在 `el-upload` 组件中添加 `on-progress` 事件，然后在对应的方法中实现上传过程的显示效果。

例如：

handleProgress(event, file, fileList) {
  // 计算上传进度并更新到页面上
  const percent = file.percent.toFixed(2)
  const progress = `${percent}%`
  file.progress = progress
  this.fileList = fileList.slice(0)
}

其中，`event` 参数是上传进度事件，`file` 参数是当前上传的文件对象，`fileList` 参数是上传文件列表。在方法中，我们通过对上传进度的计算和更新，将上传进度更新到页面上，从而实现了显示上传过程的效果。