<template>
<div class="app">
<!-- 添加@input事件 -->
<el-input v-model="companyBeforeAccount" type="text" @input="changeInput" />
</div>
</template>
<script>
export default {
data() {
return {
companyBeforeAccount: ''
}
},
methods: {
changeInput() {
var pattern = /^[1-9][0-9]*$/ // 正整数的正则表达式
// 不符合正整数时
if (!pattern.test(this.companyBeforeAccount)) {
// input 框绑定的内容为空
this.companyBeforeAccount= ''
}
}
}
}
</script>
限制文本框只能输入正整数
最新推荐文章于 2023-01-28 08:55:32 发布