阴道口罩
Vue.js 基于 字符串任务
安装
这个版本只在Vue 3.
# npm
$ npm i -S @devindex/vue-mask
# yarn
$ yarn add @devindex/vue-mask
使用量
import { createApp } from 'vue';
import VueMask from '@devindex/vue-mask'; // <-- ADD THIS LINE
import App from './App.vue';
const app = createApp(App);
app.use(VueMask); // <-- ADD THIS LINE
app.mount('#app');
HTML 输入元素的基本用途
<input type="text" name="mask" v-model="mask" v-mask="'0000-0000'">
可用口罩
v 任务
<input type="text" name="mask" v-model="mask" v-mask="'0000-0000'">
v- mask- 日期( us- br)
<input type="text" name="date" v-model="maskDate" v-mask-date.br>
v- mask- 手机( us- br)
<input type="text" name="phone" v-model="maskPhone" v-mask-phone.br>
v- mask- 十进制( us- br)
<input type="text" name="decimal" v-model="maskDecimal" v-mask-decimal.br="2">
v 任务编号
<input type="text" name="number" v-model="maskNumber" v-mask-number>
v- mask- cpf 任务
<input type="text" name="cpf" v-model="maskCpf" v-mask-cpf>
任务- cnpj
<input type="text" name="cnpj" v-model="maskCnpj" v-mask-cnpj>
v- mask- cep (韩语)
<input type="text" name="cep" v-model="maskCep" v-mask-cep>
任务
<input type="text" name="cc" v-model="maskCc" v-mask-cc>
特殊口罩字符
| 字符 | 说明 |
|---|---|
0 | 任意数字 |
9 | 任意数字(可选) |
# | 任意数字( 递归) |
A | 任意数字字符 |
S | 任何信件 |
U | 任意字母( 所有小写字符将被映射为大写) |
L | 任意字母( 所有大写字符将被映射为小写) |
$ | 逃避字符,用于逃避任何特殊格式化字符. |