码迷,mamicode.com
首页 > Web开发 > 详细

vue.js中 ,回车键实现登录或者提交表单!

时间:2019-11-07 19:19:14      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:and   route   成功   erro   ios   mod   eth   message   mes   

vue的功能非常强大,但是我们作为一个后端开发人员,前端的东西不一定都弄的很明白,今天就给大家介绍一个回车提交表单的真实案例,达到回车登录的效果!

@ keyup.enter 实现的效果 

<input v-model = "password" type="password" name="" class="pwd" placeholder="密码" @keyup.enter="handellogin">// 这里是一个输入框 

 methods:{
    handellogin(){
      this.$axios.post(`${this.$settings.Host}/users/login/`,{
        username:this.username,
        password:this.password
      }).then(response=>{
        console.log(response.data);
        this.$message({
          message: ‘恭喜你,登录成功了‘,
          type: ‘success‘
        });
        this.$router.push({ path:‘/‘  })
      }).catch(error=>{
        if (error.response.status === 400) {
          this.$message.error(‘密码错误哦,您在好好想想哦‘);
        }

      })
    },


  },

 

 

vue.js中 ,回车键实现登录或者提交表单!

标签:and   route   成功   erro   ios   mod   eth   message   mes   

原文地址:https://www.cnblogs.com/well-666/p/11814106.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!