能否让被el-upload包裹的el-button 在上传文件后使文件出现在el-button右方

可以通过监听 `change` 事件获取到文件信息，然后通过 JavaScript 动态修改 `el-button` 的内容来实现。

以下是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/your/upload/url"
    :on-change="handleUploadChange"
    :auto-upload="false"
  >
    <el-button slot="trigger" type="primary">选择文件</el-button>
    <span slot="tip" class="upload-tip">只能上传jpg/png文件，且不超过500kb</span>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleUploadChange(fileList) {
      const file = fileList[0].raw
      const elButton = document.querySelector('.upload-demo .el-button')
      elButton.innerHTML = `${file.name} (${file.size / 1024}KB)`
    }
  }
}
</script>

<style scoped>
.upload-tip {
  margin-left: 10px;
}
</style>

在 `handleUploadChange` 方法中，通过 `fileList[0].raw` 获取到上传的文件信息，然后通过 `document.querySelector` 方法选择 `el-button` 元素，并使用 `innerHTML` 修改其内容为文件名和文件大小。