AJ-Report项目分析（12）

2021SC@SDUSC

目录

 mounted

密码填充

监听路由对象

登录验证码

本次分析登录页面源码，页面位于src/views/login.vue，页面如下：

 mounted

当我们进入此界面的时候，会触发vue周期函数中的mounted函数：

mounted() {
    if (this.loginForm.loginName === "") {
      this.$refs.loginName.focus();
    } else if (this.loginForm.password === "") {
      this.$refs.password.focus();
    }
  },

这个函数的作用是获取焦点。focus()方法主要是用于获取焦点，就是自动把光标放到此组件上面，无须用户再次操作。

密码填充

如果我们之前登录过并且记住了密码的话，当我们输入完用户名之后，页面会自动将记录的与用户名对应的密码填充到input框中，这是通过如下方法实现的：

 getPsw() {
      const cookVal = cookies.get(`u_${this.loginForm.loginN