a-input设置只能输入数字
时间: 2024-04-02 22:27:34 浏览: 107
怎么限制input的text里输入的值只能是数字(正则、js)
以下是两种设置a-input只能输入数字的方法:
1. 使用正则表达式限制输入框只能输入数字:
```html
<el-input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')"></el-input>
```
2. 使用Vue.js的自定义指令限制输入框只能输入数字:
```html
<el-input v-number></el-input>
```
```javascript
Vue.directive('number', {
bind: function (el) {
el.handler = function () {
var newVal = el.value.replace(/[^\d]/g, '')
if (newVal !== el.value) {
el.value = newVal
el.dispatchEvent(new Event('input'))
}
}
el.addEventListener('input', el.handler)
},
unbind: function (el) {
el.removeEventListener('input', el.handler)
}
})
```
阅读全文