解决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 相关文章推荐
jtable列中自定义button示例代码
Nov 21 Javascript
js对字符的验证方法汇总
Feb 04 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
Feb 27 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 Javascript
Vue数据驱动模拟实现4
Jan 12 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
Jul 11 Javascript
基于Koa2写个脚手架模拟接口服务的方法
Nov 27 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
js使用cookie实现记住用户名功能示例
Jun 13 Javascript
axios如何利用promise无痛刷新token的实现方法
Aug 27 Javascript
vue如何清除浏览器历史栈
May 25 Vue.js
解决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
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
PHP通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
PHP序列号生成函数和字符串替换函数代码
2012/06/07 PHP
php生成txt文件实例代码介绍
2016/04/28 PHP
php验证身份证号码正确性的函数
2016/07/20 PHP
php之可变变量的实例详解
2017/09/12 PHP
Javascript的IE和Firefox兼容性汇编
2006/07/01 Javascript
JavaScript 异步调用框架 (Part 2 - 用例设计)
2009/08/03 Javascript
JavaScript 面向对象的 私有成员和公开成员
2010/05/13 Javascript
一次失败的jQuery优化尝试小结
2011/02/06 Javascript
JQuery for与each性能比较分析
2013/05/14 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
2014/06/10 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
Angular2使用Augury来调试Angular2程序
2017/05/21 Javascript
微信小程序页面生命周期详解
2018/01/31 Javascript
VUE中V-IF条件判断改变元素的样式操作
2020/08/09 Javascript
python实现通过shelve修改对象实例
2014/09/26 Python
python实现扫描日志关键字的示例
2018/04/28 Python
Python基于jieba库进行简单分词及词云功能实现方法
2018/06/16 Python
python实现图书借阅系统
2019/02/20 Python
python plotly绘制直方图实例详解
2019/07/22 Python
Python中实现输入一个整数的案例
2020/05/03 Python
CSS3使用多列制作瀑布流
2016/05/10 HTML / CSS
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
Sport-Thieme荷兰:购买体育用品
2019/08/25 全球购物
道路交通安全实施方案
2014/03/12 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
2014年销售员工作总结
2014/12/01 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
工会经费申请报告
2015/05/15 职场文书
Html5通过数据流方式播放视频的实现
2021/04/27 HTML / CSS