vue項(xiàng)目中如何實(shí)現(xiàn)限制el-input輸入-創(chuàng)新互聯(lián)

本篇文章為大家展示了vue項(xiàng)目中如何實(shí)現(xiàn)限制el-input輸入，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

成都創(chuàng)新互聯(lián)主營(yíng)徽州網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app軟件開發(fā)公司,徽州h5小程序定制開發(fā)搭建,徽州網(wǎng)站營(yíng)銷推廣歡迎徽州等地區(qū)企業(yè)咨詢

通過@keyup.native的時(shí)間動(dòng)態(tài)監(jiān)控輸入的類型

1.手機(jī)號(hào)碼,只能是數(shù)字,如果輸入了非數(shù)字直接清空

2.身份證號(hào)碼,除了Xx和數(shù)字其余的一律清空

3.基于1.2兩種情況下,還有一種是動(dòng)態(tài)創(chuàng)建的字段(也就是v-for出來的),解決方法:先使用split形成字段數(shù)組,使用for循環(huán)找到最后一個(gè)點(diǎn)的前面的字段,方便使用$set更新和渲染頁面

setDelMsicStr(field,type){
   let props
   let len
   let value
   let newphoestr
   let item = this
   if (field) {
    props = field.split('.')
    len = props.length
    for (let i = 0; i < len - 1; i++) {
     item = item[props[i]]
    }
    if(type=="phone"){
     newphoestr = (item[props[len - 1]]).replace(/([^0-9])+/g, '')
    }else if(type=='idCard'){
     newphoestr = (item[props[len - 1]]).replace(/([^0-9Xx])+/g, '')
    }
    this.$set(item, props[len - 1], newphoestr)
   }
  },

當(dāng)前標(biāo)題：vue項(xiàng)目中如何實(shí)現(xiàn)限制el-input輸入-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://muchs.cn/article22/hocjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)站收錄、全網(wǎng)營(yíng)銷推廣、品牌網(wǎng)站設(shè)計(jì)、外貿(mào)建站、用戶體驗(yàn)

廣告

聲明：本網(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í)需注明來源： 創(chuàng)新互聯(lián)