el-input 只能输入正数

`el-input` 是 Element UI 中的一个组件，它是一个用于输入文本的单行输入框，常用于表单中。如果你想限制用户只能输入正数，可以采用一些策略：

1. **自定义验证事件**：在 `el-input` 的 `input` 事件上添加一个处理器，检查输入值是否为正数。如果不符合条件，你可以阻止默认行为，并显示错误提示。

<template>
  <el-input v-model.number="number" @input="checkPositiveNumber"></el-input>
</template>

<script>
export default {
  data() {
    return {
      number: 0,
    };
  },
  methods: {
    checkPositiveNumber(value) {
      if (value <= 0) {
        this.$refs.input.clear();
        alert('请输入正数！');
        // 或者设置一个错误状态并显示给用户
        this.error = true;
      } else {
        this.error = false;
      }
    },
  },
};
</script>

2. **使用第三方库**：例如 Vue 的 `v-mask` 插件，可以配合正则表达式来限制输入格式。

<template>
  <el-input type="text"
           :mask="(val) => val.replace(/[^0-9]/g, '')"
           v-model="number">
  </el-input>
</template>

<script>
import { defineComponent, ref } from 'vue';
import VMask from 'v-mask';

export default defineComponent({
  components: {
    VMask,
  },
  setup() {
    const number = ref(0);
    const maskedValue = computed(() => (number.value + '').replace(/\D/g, ''));

    watch(maskedValue, value => {
      if (!value || !Number.isFinite(+value)) {
        number.value = 0;
      }
    });

    return {
      number,
    };
  },
});