elementUI <el-input>输入框只能输入正整数

实现效果

在这里插入图片描述

具体代码

<template>
  <div class="app">
    <!-- 添加@input事件 -->
    <el-input v-model="num" type="text" @input="changeInput" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      num: ''
    }
  },
  methods: {
    changeInput() {
      var pattern = /^[1-9][0-9]*$/ // 正整数的正则表达式
      // 不符合正整数时
      if (!pattern.test(this.num)) {
        // input 框绑定的内容为空
        this.num = ''
      }
    }
  }
}
</script>
©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页