在vue2.0中messagebox中同时实现input组件、el-input-number组件输入数据及正则表达验证的完整功能

在 Vue2.0 中，可以使用 `MessageBox.prompt` 方法来实现带有输入框的弹窗，同时可以使用 `el-input-number` 组件来实现数字输入和验证。下面是一个完整的示例代码：

<template>
  <div>
    <el-button @click="showPrompt">打开弹窗</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    showPrompt() {
      this.$prompt('请输入数字', '提示', {
        inputPattern: /^\d+$/,
        inputErrorMessage: '请输入数字',
        inputType: 'number',
        inputAttributes: {
          min: 1,
          max: 100
        }
      }).then(({ value }) => {
        this.$message({
          message: `您输入的数字是 ${value}`,
          type: 'success'
        })
      }).catch(() => {})
    }
  }
}
</script>

在这个示例中，我们使用 `MessageBox.prompt` 方法创建了一个带有输入框的弹窗。其中，`inputPattern` 和 `inputErrorMessage` 属性用于设置正则表达式和错误提示信息，实现输入验证功能；`inputType` 属性用于设置输入框的类型为数字，以便使用 `el-input-number` 组件进行处理；`inputAttributes` 属性用于设置输入框的最小值和最大值。

在弹窗关闭后，我们使用 `$message` 方法显示一个提示框，以显示用户输入的数字。