el-input 只能输入数字且最大只能到100不小于0

你可以在 el-input 上设置 type 属性为 number，这样它就只能输入数字了。同时，你可以使用 min 和 max 属性来限制输入的范围，例如：

<el-input type="number" v-model="inputValue" :min="0" :max="100"></el-input>

这里的 inputValue 是你绑定的数据，min 和 max 属性分别限制了最小值和最大值。这样用户就只能输入 0 到 100 之间的数字了。

相关问题

el-input只能输入数字且长度小于等于5

您可以这样设置el-input的限制条件：

<el-input v-model="inputValue" type="number" :maxlength="5" />

其中，type属性设置为number表示只能输入数字，maxlength属性设置为5表示输入的长度不能超过5个字符。您可以将inputValue绑定到您的data属性中，以便在组件外部获取输入的值。

el-input只能输入数字且长度小于等于5长度超过5后会提示不能超过五位长度

您可以在 el-input 中添加一个自定义的验证函数，判断输入的值是否为数字且长度小于等于5，并在超出长度限制时弹出提示框。下面是示例代码：

<template>
  <el-input v-model="inputValue" :oninput="handleInput" :maxlength="5" :validate-event="false" />
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput() {
      let value = this.inputValue.replace(/\D/g, '')  // 只保留数字
      if (value.length > 5) {
        this.$message.warning('长度不能超过5位')
        this.inputValue = value.substr(0, 5)  // 截取前5位
      } else {
        this.inputValue = value
      }
    }
  }
}
</script>

在这个示例中，我们使用了 `:validate-event="false"`，禁止了 el-input 的默认验证行为，然后在 `handleInput` 方法中，使用正则表达式过滤掉非数字字符，再判断字符串长度是否超过5，如果超过了则弹出提示框并截取前5位数字。

注意，这里使用了 Element UI 的 Message 组件来弹出提示框，您需要在组件中引入并注册 Message 组件才能使用。