elementui el-input 限制只能输入数字
在Element UI中，el-input组件可以通过v-model绑定变量，并使用@keyup.native监听键盘事件来实现只能输入数字的功能。以下是一个简单的例子：
<template>
<el-input v-model="inputValue" @keyup.native="handleKeyup"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
};
},
methods: {
handleKeyup(event) {
// 允许输入数字、Backspace、Delete、左右箭头键
if (!/[\d]|Backspace|Delete|\b|ArrowLeft|\b|ArrowRight/.test(event.key)) {
event.preventDefault();
}
}
}
};
</script>在这个例子中，handleKeyup方法会在用户键盘输入时被触发，并检查按下的键是否为数字、Backspace、Delete、左右箭头键之一。如果不是，则通过event.preventDefault()阻止该事件的默认行为，即不允许输入除了数字以外的字符。
评论已关闭