1.0.3 • Published 1 year ago

am-input-filter v1.0.3

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

输入自定义指令

全局注册自定义指令,达到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 />
1.0.3

1 year ago

1.0.2

1 year ago