vue实现登录

水深无声 2022-01-20 11:51 197阅读 0赞

<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();
          }
          }
    };复制代码