项目场景:
提示:密码输入框对密码的判断:
项目场景:鼠标的获得焦点、失去焦点
问题描述:
密码输入不正确:提示信息
密码输入正确:提示信息
原因分析:
提示:这里填写问题的分析:
例如:Handler 发送消息有两种方式,分别是 Handler.obtainMessage()和 Handler.sendMessage(),其中 obtainMessage 方式当数据量过大时,由于 MessageQuene 大小也有限,所以当 message 处理不及时时,会造成先传的数据被覆盖,进而导致数据丢失。
解决方案:
提示:这里填写该问题的具体解决方案:
<div class="msgInfo">
<div class="msgInfo_1" v-if="isDisplay">
<img src="../../assets/images/warn.png" class="img_warn"/>
<span class="text_span">原密码不正确,请重新输入正确密码!</span>
</div>
<div class="msgInfo_2" v-if="isDisplay_1">
<img src="../../assets/images/codeSuccess.png" class="img_codeSuccess"/>
</div>
</div>
<script>
export default {
name: "UpdatePassword",
data() {
//data中设置默认值
isDisplay: false,
isDisplay_1: false,
};
},
methods: {
lostFocus(){
if (this.form.code == ""){
return;
}
const userInfo = JSON.parse(this.$Storage.get("userinfo"));
const userName = userInfo.userName;
this.$postAPI("/verificationPwd", {
oldPassword: this.form.code,
userName: userName
}).then(res => {
if (res.retMsg != "旧密码输入错误!") {
//密码正确错误提示隐藏
//密码正确正确提示显示
this.isDisplay = false;
this.isDisplay_1 = true;
// this.$message({
// message: "密码验证成功",
// type: "success"
// });
//修改密码之后跳转到登录页面
} else {
//this.$message.error("旧密码输入错误!");
//密码错误提示信息显示
this.isDisplay = true;
//密码正确提示信息显示
this.isDisplay_1 = false;
}
});
},
}