首页 > Web开发 > 详细

vue login.js登录逻辑

时间:2019-08-19 01:46:56      阅读:43      评论:0      收藏:0      [点我收藏+]

标签:bmi   comm   success   tor   ati   data   mat   cti   chang   

    // 验证码
    changeImg() {
        this.imgurl = '/api/changeCode?' + Math.random()
      },
      login() {
        this.$refs.loginForm.validate(valid => {
          if (valid) {
            this.username = this.loginForm.username
            this.password = this.loginForm.password
            this.$http.post('/api/user/frontCheckLogin/' + this.username + '/' + this.password)
              .then(res => {
                // console.log(res.data)
                if (res.data.code == 200) {
                  this.$store.commit('SET_TOKEN', this.loginForm.username)
                  this.$store.commit('GET_USER', this.loginForm)
                  // console.log(this.$store)
                  this.$http.get('/api/perm/2/')
                    .then(res => {
                      this.$store.commit('BTNS', res.data.data)
                    })
                  this.getSelection()
                  this.$message({
                    message: '登陆成功',
                    type: 'success',
                    customClass: 'zZindex',
                    duration: 1000
                  })
                } else {
                  this.$message({
                    message: res.data.message,
                    type: 'error',
                    customClass: 'zZindex'
                  })
                }
              })
              .catch(err => {
                console.log(err)
              })
          } else {
            console.log("error submit!!")
            return false
          }
        })
      }

vue login.js登录逻辑

标签:bmi   comm   success   tor   ati   data   mat   cti   chang   

原文:https://www.cnblogs.com/knuzy/p/11374606.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号