为什么elementUI的MessageBox的showInput属性无效？

Question

import { MessageBox } from 'element-ui'

MessageBox('请输入邮箱', '提示', {
    showInput: true,
    inputValue: 'haha',
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    inputPattern: /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/,
    inputErrorMessage: '邮箱格式不正确'
  }).then(({ value }) => {
    console.log(value)
  }).catch(() => {
  })
}

input框出不来怎么办啊

Answer 1

    this.$alert('这是一段内容', '标题名称', {
      confirmButtonText: '确定',
      callback: action => {
        this.$message({
          type: 'info',
          message: `action: ${ action }`
        });
      }

Answer 2

import { MessageBox } from 'element-ui'

MessageBox.prompt('请输入邮箱', '提示', {
    inputValue: 'haha',
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    inputPattern: /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/,
    inputErrorMessage: '邮箱格式不正确'
  }).then(({ value }) => {
    console.log(value)
  }).catch(() => {
  })