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

2019/6/27 7:44:59

本文主要是介绍解决vue中监听input只能输入数字及英文或者其他情况的问题,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

如下所示:

1、

1
2
3
4
5
<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、

1
2
3
4
5
6
7
8
9
10
11
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只能输入数字及英文或者其他情况的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持找一找教程网。



这篇关于解决vue中监听input只能输入数字及英文或者其他情况的问题的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


原文链接: https://blog.csdn.net/github_38469586/article/details/72832207
扫一扫关注最新编程教程