el-input 如何实时提示用户 限制输入的字符类型为数字、字母和下划线，输入长度为8-32

你可以通过正则表达式的方式来实现 el-input 实时提示用户输入限制。以下是一个示例代码：

<template>
  <el-input v-model="inputValue" placeholder="请输入8-32位数字、字母或下划线" @input="checkInput"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      reg: /^[a-zA-Z0-9_]{8,32}$/
    }
  },
  methods: {
    checkInput(val) {
      if (!this.reg.test(val)) {
        this.$message({
          type: 'warning',
          message: '输入格式不正确，请重新输入'
        })
        this.inputValue = val.slice(0, -1) // 删除最后一个字符
      }
    }
  }
}
</script>

上述代码中，我们通过 `reg` 变量存放正则表达式，限制输入的字符类型为数字、字母和下划线，输入长度为8-32。在 `checkInput` 方法中，我们通过 `test` 方法来检验输入内容是否符合正则表达式规定，如果不符合，则弹出提示框并删除最后一个字符。这样就实现了 el-input 实时提示用户输入限制。