獲取焦點 失去焦點更改input輸入框樣式


<el-input v-model="item.cargoCount" @focus="cleanVerify('數量',$event)"
             @blur="verifyNumber(item.cargoCount,$event)" placeholder="請輸入數量"/>

//獲取焦點是清空數據
cleanVerify(val, event) {
let input = event.currentTarget
input.placeholder = "請輸入" + val
input.style.border = "1px solid #C0C4CC"
},
//失去焦點驗證輸入的是否為number類型的
verifyNumber(val, event) {
if (parseInt(val)) {
this.warningInfo = ""
} else {
let input = event.currentTarget
input.placeholder = "請輸入數字"
input.value = ""
input.style.border = "1px solid #DC143C"
}
},


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM