解決vue中監(jiān)聽input只能輸入數(shù)字及英文或者其他情況的問(wèn)題

如下所示:

創(chuàng)新互聯(lián)專注于企業(yè)成都營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、涼州網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場(chǎng)景定制、購(gòu)物商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為涼州等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

1、

<input placeholder="請(qǐng)輸入條形碼" class="disPriceStyle" v-model = 'searcBarCode'></input>、 (只能輸入數(shù)字,英文)

<input placeholder="請(qǐng)輸入商品條形碼" class="disPriceStyle" maxlength="20" v-model = 'searchGoodsName'></input> (只能輸入數(shù)字,英文及中文)

<input placeholder="請(qǐng)輸入活動(dòng)名稱" class="disPriceStyle" maxlength="20" v-model="searchProName"></input> (只能輸入數(shù)字,英文及中文)

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中監(jiān)聽input只能輸入數(shù)字及英文或者其他情況的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。

文章標(biāo)題:解決vue中監(jiān)聽input只能輸入數(shù)字及英文或者其他情況的問(wèn)題
鏈接URL:http://muchs.cn/article24/ipjoce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、網(wǎng)站營(yíng)銷、定制網(wǎng)站、外貿(mào)建站網(wǎng)站內(nèi)鏈、網(wǎng)站改版

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)