Element UI 的ElMessageBox 把输入内容传到后端

Element UI 的 `ElMessageBox` 是一个弹窗组件，主要用于显示提示、警告、确认等消息。如果你想通过这个组件收集用户的输入，并将其传递给后端服务器，可以结合 Vue.js 的数据绑定和事件监听机制来实现。

首先，在点击按钮触发弹窗时，你可以设置一个表单或者简单的文本输入框：

<el-button @click="openModal">提交</el-button>
<el-dialog :visible.sync="dialogVisible" title="请输入信息">
  <el-form ref="form">
    <el-input v-model="inputValue" placeholder="请输入内容"></el-input>
  </el-form>
  <div slot="footer">
    <el-button @click="handleSubmit">确定</el-button>
    <el-button @click="cancel">取消</el-button>
  </div>
</el-dialog>

然后，在 Vue 实例中定义相关的 methods 和 data：

data() {
  return {
    dialogVisible: false,
    inputValue: '',
  };
},
methods: {
  openModal() {
    this.dialogVisible = true;
  },
  handleSubmit() {
    // 在这里处理表单数据并发送请求
    const formData = { input: this.inputValue };
    axios.post('/api/submit', formData).then(response => {
      // 后台返回结果后处理
    });
    this.dialogVisible = false; // 关闭弹窗
  },
  cancel() {
    this.dialogVisible = false;
  },
}

在这个例子中，当用户点击 "确定" 按钮时，`handleSubmit` 方法会被触发，它会将 `inputValue` 的值作为 JSON 数据发送到 '/api/submit' 的后端 API 接口。记得替换 `/api/submit` 为你实际的后端接口地址。