国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

javascript - vue 移動(dòng)端的input 數(shù)字輸入優(yōu)化

瀏覽:75日期:2023-02-27 09:13:01

問(wèn)題描述

這是移動(dòng)端使用的, input type 為number 時(shí) 英文或中文都沒(méi)有限制,而且maxlength不起作用,input type 為tel 時(shí) 英文或中文也都沒(méi)有限制,但maxlength有作用,所以用tel,keyup 是為了過(guò)濾數(shù)字以外的字符。請(qǐng)問(wèn)大神這段代碼還有沒(méi)有優(yōu)化的空間?

<input v-model='phoneNumber' placeholder='輸入手機(jī)號(hào)' type='tel' maxlength='11' @keyup='handleFilterLetters'><script type='text/javascript'> vm = new Vue({ el: '#app', data: {phoneNumber: null, }, methods: {handleFilterLetters: function(){ var self = this; self.phoneNumber=self.phoneNumber.replace(/[^d]/g,’’);}, }})</script>

問(wèn)題解答

回答1:

phoneNumber 初始值應(yīng)該是字符串的 ’’,否則對(duì)一個(gè)可能為 null 的變量調(diào)用 replace 是不安全的。

var self = this 是不必要的。

handleFilterLetters 好長(zhǎng)啊,改成 onKeyUp 不好讀一點(diǎn)嗎(

<input> 一行寫的太長(zhǎng)了,eslint-airbnb 的規(guī)則是

<input v-model='phoneNumber' placeholder='輸入手機(jī)號(hào)' type='tel' maxlength='11' @keyup='handleFilterLetters'/>回答2:

樓上說(shuō)的都對(duì)題主還可以多注意一下 code style 比如:self.phoneNumber=self.phoneNumber.replace(/[^d]/g,’’);

寫成self.phoneNumber = self.phoneNumber.replace(/[^d]/g,’’);

比較好

回答3:

這里用的局部filter

如果想可復(fù)用程度高點(diǎn),全局filter也可以的

<p > <input :value='phone | num' @keyup='phoneChange' /></p>

var app = new Vue({ el: '#app', data: { phone: '' }, methods: { phoneChange(e) { this.phone = e.target.value this.$forceUpdate() // 這里必須有 } }, filters: { ’num’: function(value) { return value.replace(/[^d]/g, ’’) } }})

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 免费黄色欧美 | 成人在线a | 亚洲成人在线视频网站 | 欧美日韩在线视频免费完整 | 综合另类 | 亚洲图片一区二区三区 | 国内精品免费一区二区观看 | 91精品国产高清91久久久久久 | 怡红院老首页主页入口 | 美女一级毛片免费观看 | 香蕉依依精品视频在线播放 | 三级做人爱c视频18三级 | 黄色网址免费在线 | 99在线视频精品费观看视 | 国产在线视频一区 | 加勒比综合网 | 美女张开腿让男人桶爽动漫视频 | 老司机午夜精品网站在线观看 | 怡红院免费在线视频 | 91不卡在线精品国产 | 日韩精品在线播放 | 成人做爰全过程免费看网站 | 亚洲天堂资源网 | 狠狠色丁香婷婷综合小时婷婷 | 亚洲欧美国产日韩天堂在线视 | 亚洲精品国产一区二区图片欧美 | 萌白酱粉嫩jk福利在线观看 | 97影院理论在线观看 | 一级看片免费视频 | 精品中文字幕一区在线 | 成年网站免费 | 最近最新中文字幕免费的一页 | 欧美xxxx性xxxxx高清视频 | 欧美日韩不卡一区 | 亚洲国产欧洲综合997久久 | 窝窝午夜看片七次郎青草视频 | 日韩免费在线视频 | 女女同性一区二区三区四区 | 国产精品一区亚洲一区天堂 | 91国语对白 | 又黄又爽视频好爽视频 |