element messagebox设置多个输入框

Element UI中的MessageBox组件主要用于弹出消息框来进行交互，通常用于确认、警告等场景。如果你想在MessageBox中设置多个输入框，Element本身并没有直接提供这样的功能，因为MessageBox是一个预设的对话框，设计上并不支持复杂的表单交互。

不过，你可以通过自定义的方式来实现这个需求。例如，你可以创建一个包含多个`el-input`元素的Vue模板，并将其作为MessageBox的content属性传递进去。然后，在点击显示MessageBox的时候，动态渲染这个模板：

<template>
  <button @click="showCustomModal">显示带输入框的消息</button>

  <el-dialog v-model="customModalVisible" title="自定义输入框">
    <div slot="footer">
      <el-button type="primary" @click="submitForm">提交</el-button>
      <el-button @click="closeCustomModal">取消</el-button>
    </div>
    <template v-if="isCustomForm">
      <!-- 这里可以添加多个 el-input 元素 -->
      <el-input v-for="(input, index) in inputs" :key="index"></el-input>
    </template>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      customModalVisible: false,
      isCustomForm: false, // 标记是否显示自定义输入框
      inputs: [], // 初始化一个空数组来存储输入框
    };
  },
  methods: {
    showCustomModal() {
      this.isCustomForm = true;
      this.customModalVisible = true;
    },
    submitForm() {
      // 获取输入框值并处理...
      console.log(this.inputs);
      this.closeCustomModal();
    },
    closeCustomModal() {
      this.customModalVisible = false;
      this.isCustomForm = false;
    },
  },
};
</script>

在这个例子中，你需要根据实际需求手动管理输入框的状态和数据收集。如果需要更复杂的功能，如验证和即时反馈，你可能需要结合Element UI的其他表单组件一起使用，或者使用第三方库来实现。