el-input 只能输入0到9的数字

可以通过设置 el-input 的属性限制输入内容为数字，同时通过监听输入事件实时判断输入内容是否合法。以下是一个例子：

<el-input v-model="inputValue" @input="handleInput"></el-input>

export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput(event) {
      // 判断输入内容是否为数字
      const value = event.target.value
      if (!/^\d*$/.test(value)) {
        this.inputValue = value.replace(/[^\d]/g, '')
      }
    }
  }
}

在上面的例子中，我们通过正则表达式 `/^\d*$/` 判断输入内容是否为数字，如果不是则使用 `replace` 方法将非数字字符替换为空字符串。

相关问题

el-input 只能输入0-9的数字

是的，el-input默认只能输入0-9的数字。但是，如果需要对输入内容进行更多的限制，可以使用el-input的一些属性和事件来实现。例如，可以使用type属性将输入框类型设置为number，这样输入框就只能输入数字。另外，还可以使用@input事件来监听输入框的输入内容，然后根据需要对输入内容进行处理。

以下是一个例子，演示如何使用el-input实现只能输入数字的功能：

<template>
  <el-input v-model="inputValue" type="number" @input="handleInput"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput() {
      // 只保留数字
      this.inputValue = this.inputValue.replace(/[^\d]/g, '')
    }
  }
}
</script>

在上面的例子中，我们将el-input的type属性设置为number，这样输入框就只能输入数字。然后，我们使用@input事件来监听输入框的输入内容，然后使用正则表达式将非数字字符替换为空字符串，从而实现只能输入数字的功能。

el-input 只能输入大于0的数字

el-input只能输入大于0的数字可以通过以下几种方法实现：

1. 使用正则表达式限制输入：可以通过在el-input上添加oninput事件来使用正则表达式限制输入。例如，可以使用正则表达式`/^[1-9]\d*$/`来限制输入为大于0的正整数。具体代码如下：

<el-input v-model="input" placeholder="请输入数字" oninput="value=value.replace(/[^0-9]/g,''); if(value<1) value='';"></el-input>

这段代码将会限制输入为大于0的数字，如果输入的值小于1，则会清空输入框。

2. 使用InputNumber组件：el-input还可以使用InputNumber组件来实现只能输入大于0的数字。InputNumber组件已经内置了限制输入的功能，可以直接设置min属性为1即可。具体代码如下：

<el-input-number v-model="input" :min="1" placeholder="请输入数字"></el-input-number>

这段代码将会限制输入为大于0的数字，并且使用InputNumber组件可以显示加减按钮来增加或减少输入的值。

综上所述，以上两种方法都可以实现el-input只能输入大于0的数字的要求。选择哪种方法取决于你的具体需求和项目的使用情况。