用于检测input框的输入验证,做一些错误弹出提示,之前用的是比较LOW的写法,记录用户输入的时间和结束的时间,用结束的时间去减去输入的时间,可能有时候会有些小bug,今天发现了一种感觉还不错的方法
本文用的是vue里面的实例
<input type="text" v-model="email" @keyup="emails($event)">
data() {
return {
email: "",
inputTimeout: null,
delay: 1000
}
},
methods: {
emails(e) {
if (this.delay > 0) {
if (this.inputTimeout) {
window.clearTimeout(this.inputTimeout);
}
this.inputTimeout = setTimeout(() => {
console.log(this.email);
}, this.delay);
} else {
console.log(this.email)
}
}
}
就这的几句话搞定
网友评论