在登录页上记住账号和密码并且自动填充是个很方便的功能,但是在项目过程中,发现填充后的值el-input未进行双向绑定,在获取验证码时获取不到填充的值。
解决办法
添加el-input框失焦事件,在失去焦点的时候,重新获取并且绑定值
//失焦时读取value值
elInputOnBlur() {
if (!this.loginName || !this.passWord) {
const userName = this.$refs.loginNameInput.$el.getElementsByTagName('input').value,
passWord = this.$refs.password.$el.getElementsByTagName('input').value;
if (userName != '') {
this.loginName = userName
}
if (passWord != '') {
this.passWord = passWord
}
}
}