按鍵過濾器是一個指令,用於根據模式封鎖個別按鍵。
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 是一個指令,不需要任何無障礙功能。