【vue】正则表达式限制input的输入:
在Vue中,你可以使用v-model.lazy
来实现对input的输入进行正则限制。以下是一个例子,它限制input只能接受数字:
<template>
<div>
<input v-model.lazy="number" @input="number = number.replace(/[^0-9]/g, '')" type="text" />
</div>
</template>
<script>
export default {
data() {
return {
number: ''
};
}
};
</script>
在这个例子中,当用户输入时,@input
事件触发,并执行一个替换操作,将任何非数字字符替换为空字符串,从而移除它们。v-model.lazy
确保了只有在input失去焦点时,数据才会更新,这样就能保证输入的内容是符合正则表达式的。
评论已关闭