el-upload中el-button

el-upload是一个基于Element UI的上传组件，而el-button是Element UI中的按钮组件。在el-upload中，el-button可以用来触发文件选择器，也可以作为上传按钮。通过插槽，我们可以自定义上传按钮的样式和位置。在引用中的三个例子中，el-button被用来作为上传按钮或者取消按钮，同时也被用来触发一些自定义的方法。

相关问题

el-upload点击事件不在el-upload中如何触发选文件（其他按钮触发el-upload上传）

可以使用el-upload组件提供的ref属性获取到el-upload的组件实例，在其他按钮的点击事件中通过调用实例的click()方法来触发选文件操作。例如：

<el-upload ref="uploadRef"></el-upload>

<el-button @click="selectFile">选择文件</el-button>

methods: {
  selectFile() {
    this.$refs.uploadRef.click()
  }
}

这样点击"选择文件"按钮时，就会触发el-upload的选文件操作。

el-upload el-button居中

要将 `el-upload` 和 `el-button` 居中对齐，你可以使用以下方法：

1. 使用`flexbox`布局：
你可以将 `el-upload` 和 `el-button` 放在一个父容器内，并为父容器应用 `display: flex; justify-content: center; align-items: center;` 的样式，这样它们就会水平居中对齐。

<div style="display: flex; justify-content: center; align-items: center;">
  <el-upload></el-upload>
  <el-button></el-button>
</div>

2. 使用`text-align`属性：
如果你只是想让它们在水平方向上居中，你可以将父容器的 `text-align: center;` 属性应用于它们的父元素，并使用 `display: inline-block;` 或 `display: inline-flex;` 来使它们水平排列。

<div style="text-align: center;">
  <el-upload style="display: inline-block;"></el-upload>
  <el-button style="display: inline-block;"></el-button>
</div>

这些方法可以帮助你将 `el-upload` 和 `el-button` 居中对齐。根据你的具体情况，你可以选择适合的方法来实现居中对齐。