vue 自定义验证规则rule只能为数字

2019-10-19 13:39:28

vue中自定义rule进行校验input框只能为数字


vue


<el-input v-model="age" maxlength="3"/>


js


 const isNum = (rule, value, callback) => {
      const age= /^[0-9]*$/
      if (!age.test(value)) {
        callback(new Error('年龄只能为数字'))
      }else{
        callback()
      }
    }


vue-js

rules: {
        age: [
          { required: true, message: '请输入年龄', trigger: 'blur' },
          { validator: isNum, trigger: 'blur' }
        ],


  • 精彩推荐

  • 2019-10-27 00:23:42

    mac卡住，强制关闭应用

    要正常退出（关闭）Mac 应用，请从菜单栏的应用菜单中选取“退出”，或按下 Command (⌘)-Q。如果应用不退出，请按照以下步骤强制该应用退出。

  • 2019-10-27 11:02:10

    mac不要输入sudo，免密设置

    mac有时候使用终端进行操作，会让输入sudo 并且要输入命令，这要很啰嗦，浪费时间，我们得想办法去掉。

  • 2019-10-27 11:08:11

    Mac系统移到废纸篓的快捷键是什么

    用Windows键盘上的delete键和del键都不能删除文件，那么在Mac系统移到废纸篓的快捷键是什么？答：在移到废纸篓的快捷键组合就是Command + delete，可以将文件删除到废纸篓。清空废纸篓的快捷键是 Command + shift + delete​。