vue ElMessageBoxprompt 设置input输入文字最大长度

ElMessageBox.prompt 的输入框是一个普通的 input 元素，可以通过设置 input 的 maxlength 属性来限制输入文字的最大长度。

示例代码如下：

<template>
  <div>
    <el-button @click="showPrompt">显示提示框</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    showPrompt() {
      this.$prompt('请输入内容', '提示', {
        inputPattern: /\S/,
        inputErrorMessage: '请输入内容',
        inputAttributes: {
          maxlength: 10 // 设置输入文字最大长度为 10
        }
      }).then(({ value }) => {
        console.log(value);
      }).catch(() => {
        console.log('取消');
      });
    }
  }
}
</script>

在上面的示例中，通过设置 inputAttributes 对象的 maxlength 属性来限制输入文字的最大长度为 10。如果超过了最大长度，输入框会显示错误提示信息