v-mask是基于PureMask.js的vue.js的简单输入掩码库。

变更日志：

v2.2.3（07/22/2020）

• 掩码：允许输入任何错误的掩码

v2.2.1（06/17/2020）

• 修复了正则表达式掩码数组在v2.2.0中不起作用的问题

安装和下载：

$ npm install v-mask

初始化

ES2015（Webpack / Rollup / Browserify / etc）

import Vue from 'vue'

// 作为一个插件
import VueMask from 'v-mask'
Vue.use(VueMask);

// 或者作为指示
import { VueMaskDirective } from 'v-mask'
Vue.directive('mask', VueMaskDirective);

// 或者只是作为一个过滤器
import { VueMaskFilter } from 'v-mask'
Vue.filter('VMask', VueMaskFilter)

UMD（浏览器）

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/v-mask/dist/v-mask.min.js"></script>
<script>
// 作为一个插件
Vue.use(VueMask.VueMaskPlugin);

// 或者作为指示
Vue.directive('mask', VueMask.VueMaskDirective);
</script>

用法

<input type="text" v-mask="'####-##'" v-model="myInputModel">
<!-- 或 -->
<input type="text" v-mask="nameOfVariableWithMask" v-model="myInputModel">