解决vue中监听input只能输入数字及英文或者其他情况的问题


Posted in Javascript onAugust 30, 2018

如下所示:

1、

<input placeholder="请输入条形码" class="disPriceStyle" v-model = 'searcBarCode'></input>、 (只能输入数字,英文)

<input placeholder="请输入商品条形码" class="disPriceStyle" maxlength="20" v-model = 'searchGoodsName'></input> (只能输入数字,英文及中文)

<input placeholder="请输入活动名称" class="disPriceStyle" maxlength="20" v-model="searchProName"></input> (只能输入数字,英文及中文)

2、

watch:{
   searcBarCode:function(){
    this.searcBarCode=this.searcBarCode.replace(/[\W]/g,'');
   },
   searchGoodsName:function(){
    this.searchGoodsName = this.searchGoodsName.replace(/[^A-Za-z0-9\u4e00-\u9fa5]/g,'');
   },
   searchProName:function(){
    this.searchProName = this.searchProName.replace(/[^A-Za-z0-9\u4e00-\u9fa5]/g,'');
   }
  },

以上这篇解决vue中监听input只能输入数字及英文或者其他情况的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery颜色选择器ColorPicker实现代码
Nov 14 Javascript
如何制作浮动广告 JavaScript制作浮动广告代码
Dec 30 Javascript
浏览器打开层自动缓慢展开收缩实例代码
Jul 04 Javascript
Jquery实现图片左右自动滚动示例
Sep 25 Javascript
js获得当前时区夏令时发生和终止的时间代码
Feb 23 Javascript
jQuery中阻止冒泡事件的方法介绍
Apr 12 Javascript
js在IE与firefox的差异集锦
Nov 11 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
使用Angular缓存父页面数据的方法
Jan 03 Javascript
js实现移动端编辑添加地址【模仿京东】
Apr 28 Javascript
vue-axios使用详解
May 10 Javascript
解决layui使用layui-icon出现默认图标的问题
Sep 11 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
Aug 30 #Javascript
微信小程序之判断页面滚动方向的示例代码
Aug 30 #Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 #Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 #Javascript
vue 根据数组中某一项的值进行排序的方法
Aug 30 #Javascript
对vue中methods互相调用的方法详解
Aug 30 #Javascript
原生JS+HTML5实现的可调节写字板功能示例
Aug 30 #Javascript
You might like
php防盗链的常用方法小结
2010/07/02 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
关于文本限制字数的js代码
2007/04/02 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
jquery 页面滚动到指定DIV实现代码
2013/09/25 Javascript
javascript学习笔记--数字格式类型
2014/05/22 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
jQuery与Ajax以及序列化
2016/02/01 Javascript
Javascript发送AJAX请求实例代码
2016/08/21 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
2019/10/31 Javascript
JSON获取属性值方法代码实例
2020/06/30 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
2020/10/30 Javascript
原生JS实现拖拽功能
2020/12/16 Javascript
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
python去掉空白行的多种实现代码
2018/03/19 Python
Python判断以什么结尾以什么开头的实例
2018/10/27 Python
Django stark组件使用及原理详解
2019/08/22 Python
使用 Python 写一个简易的抽奖程序
2019/12/08 Python
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
Linux中如何设置Java环境变量(Ubuntu)
2016/07/24 面试题
医学生个人求职信范文
2013/09/24 职场文书
毕业生文员求职信
2013/11/03 职场文书
人力资源经理自我评价
2014/01/04 职场文书
小学英语课后反思
2014/04/26 职场文书
小区门卫岗位职责范本
2014/08/24 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
局机关干部群众路线个人对照检查材料思想汇报
2014/10/05 职场文书
2015年教师新年寄语
2014/12/08 职场文书
2014年办公室文秘工作总结
2014/12/09 职场文书
2015大学自主招生自荐信范文
2015/03/04 职场文书
2015年安全员工作总结范文
2015/04/22 职场文书
应届生个人的求职(自荐信范文2篇)
2019/08/23 职场文书
python 实现的截屏工具
2021/05/08 Python