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