KeyFilter 是一个指令,用于根据模式阻止单个击键。
import KeyFilter from 'primevue/keyfilter';
app.directive('keyfilter', KeyFilter);
KeyFilter 提供了各种使用 v-keyfilter 指令配置的预设。
<InputText v-keyfilter.int />
<InputText v-keyfilter.num />
<InputText v-keyfilter.money />
<InputText v-keyfilter.hex />
<InputText v-keyfilter.alpha />
<InputText v-keyfilter.alphanum />
除了预设之外,还可以配置正则表达式来自定义阻止单次按键。
<InputText v-model="spacekey" v-keyfilter="/[^s]/" />
<InputText v-model="chars" v-keyfilter="/^[^<>*!]+$/" />
除了预设之外,还可以使用正则表达式,通过 validateOnly 选项来验证整个单词。
<InputText v-model="text" v-keyfilter="{ pattern: /^[+]?(d{1,12})?$/, validateOnly: true }" />
KeyFilter 是一个指令,不需要任何辅助功能。