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

成都創新互聯主營徽州網站建設的網絡公司,主營網站建設方案,app軟件開發公司,徽州h5小程序定制開發搭建,徽州網站營銷推廣歡迎徽州等地區企業咨詢

通過@keyup.native的時間動態監控輸入的類型

1.手機號碼,只能是數字,如果輸入了非數字直接清空

2.身份證號碼,除了Xx和數字其余的一律清空

3.基于1.2兩種情況下,還有一種是動態創建的字段(也就是v-for出來的),解決方法:先使用split形成字段數組,使用for循環找到最后一個點的前面的字段,方便使用$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)
   }
  },

當前標題：vue項目中如何實現限制el-input輸入-創新互聯
網頁路徑：http://vcdvsql.cn/article22/hocjc.html

成都網站建設公司_創新互聯，為您提供手機網站建設、網站收錄、全網營銷推廣、品牌網站設計、外貿建站、用戶體驗

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯