可以使用正则表达式来判断输入是否为正整数,示例代码如下:

<template>
  <div>
    <input type="text" v-model="number" @input="checkNumber">
    <p v-if="!isValid">请输入正整数</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      number: '',
      isValid: true
    }
  },
  methods: {
    checkNumber() {
      const reg = /^[1-9]\d*$/
      this.isValid = reg.test(this.number)
    }
  }
}
</script>

在这个示例中,我们将用户输入的数字绑定到了 number 变量上,并通过 @input 监听输入框的输入事件,在 checkNumber 方法中使用正则表达式来验证输入是否为正整数。如果不是正整数,就将 isValid 变量设为 false,页面上会显示“请输入正整数”的提示信息。

vue在data的rules写这个熟悉的验证规则为正整数

原文地址: https://www.cveoy.top/t/topic/bR7U 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录