1.0.3 • Published 1 year ago
am-input-filter v1.0.3
输入自定义指令
全局注册自定义指令,达到input输入框输入限制
安装
#install
npm set registry http://frontend.mall-ai.com/verdaccio/
npm install am-input-filter -S
全局注册指令
import amInputFilter from "am-input-filter";
// 默认 包含number数字、en英文、no_percent过滤百分号、special_character限制特殊符号,全部默认去除前后空格
const _amInputFilter = new amInputFilter();
// 自定义指令方法如下,使用:v-am-input-filter.your_directive_name
const _amInputFilter = new amInputFilter({
your_directive_name:reg,
});
app.directive(_amInputFilter.name, _amInputFilter.directive());
页面中使用
// 限制只能输入数字
<input v-model="value" v-am-input-filter.number />
//限制只能输入英文
<input v-model="value" v-am-input-filter.en />
//限制不能输入%
<input v-model="value" v-am-input-filter.no_percent />
//限制不能输入特殊符号'单引号、"双引号、%百分号、<>尖括号、\斜杠
<input v-model="value" v-am-input-filter.special_character />