解決vue中監(jiān)聽(tīng)input只能輸入數(shù)字及英文或者其他情況的問(wèn)題
更新時(shí)間：2018年08月30日 11:31:30 作者：向夢(mèng)想出發(fā)11
今天小編就為大家分享一篇解決vue中監(jiān)聽(tīng)input只能輸入數(shù)字及英文或者其他情況的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
如下所示：
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)聽(tīng)input只能輸入數(shù)字及英文或者其他情況的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue實(shí)現(xiàn)echarts餅圖/柱狀圖點(diǎn)擊事件實(shí)例
echarts原生提供了相應(yīng)的API,只需要在配置好echarts之后綁定相應(yīng)的事件即可,下面這篇文章主要給大家介紹了關(guān)于vue實(shí)現(xiàn)echarts餅圖/柱狀圖點(diǎn)擊事件的相關(guān)資料,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了在Vant的基礎(chǔ)上封裝下拉日期控件的代碼示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
這篇文章主要介紹了vue模塊拖拽實(shí)現(xiàn)示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
vue中常見(jiàn)的問(wèn)題及解決方法總結(jié)（推薦）
這篇文章主要給大家介紹了關(guān)于vue中常見(jiàn)的問(wèn)題及解決方法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
vue elementui 動(dòng)態(tài)追加下拉框、輸入框功能
這篇文章主要介紹了vue elementui 動(dòng)態(tài)追加下拉框、輸入框功能,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-04-04
Vue調(diào)試工具vue-devtools的安裝與使用
vue-devtools是專門調(diào)試vue項(xiàng)目的調(diào)試工具,安裝成功之后,右邊會(huì)出現(xiàn)一個(gè)vue,就可以在線可以調(diào)試vue了,下面這篇文章主要給大家介紹了關(guān)于Vue調(diào)試工具vue-devtools的安裝與使用的相關(guān)資料,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了vue中的v-if和v-show的區(qū)別詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)員工信息錄入功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
這篇文章主要介紹了Vue使得大屏自適應(yīng)的多種方法,自適屏幕，始終保持16:9的比例，還一種是使用CSS scale屬性對(duì)大屏幕做自適應(yīng)處理，需要的朋友可以參考下2023-10-10
這篇文章介紹了VueX安裝及使用基礎(chǔ)教程，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-01-01