vue实现登录

140 阅读1分钟
<el-form-item>
    <input placeholder="User" v-model="form.name">
  </el-form-item>
  <el-form-item>
    <input placeholder="Password" v-model="form.password" type="password" :show-password="true">
  </el-form-item>
  data(){
      return{
          form: {
            name: '',
            password: '',
          },
          menuTree:[]
      }
  }
   methods: {
   onSubmit(){
 if (this.form.name != ''this.form.password != '') {
    this.$gAjax(`/api/user/getUserInfo?userName=${this.form.name}&password=${this.form.password}`)
.then(res => {
        console.log(res)
        if(res.status==0){
          this.$message({
            message: '用户不存在',
            type: 'error',
            showClose: true,
            duration: 3000,
          });
        }else if(res.status==2){
          this.$message({
            message: '密码错误',
            type: 'error',
            showClose: true,
            duration: 3000,
          });
        }else if(res.status==1){
          //权限的实现 sessionStorage.setItem('menuTree', JSON.stringify(this.menuTree));
          sessionStorage.setItem('useModel', res.data.userPermissionMoudle);
          //跳转页面
            this.$router.push({
              path: '/Totle',
            })
        }
      })["catch"](() => {});
  } else {
    this.$message({
      message: '请填写完整的用户名、密码',
      type: 'error',
      showClose: true,
      duration: 3000,
    });
  }
}
}
  mounted:{
    // 点击回车键登录
    let that = this;
    document.onkeydown = function(e) {
      if (e.keyCode == 13) {
        that.onSubmit();
      }
      }
};