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

摘要:
vue的功能非常强大,但作为后端开发人员,我们不一定了解前端的一切。今天,我们将介绍一个输入和提交表单的真实案例,以实现输入和登录的效果!

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中 ,回车键实现登录或者提交表单!》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇gridControl通过设置条件,改变单元格颜色python 装饰器的理解下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jquery 修改 bootstrap模态框的宽度并且居中

1.定义模态框 <div tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div style="1400px;"> <div class="modal-...

input标签checkbox选中触发事件的方法

1.方法一 <input type="checkbox" onclick="checkboxOnclick(this)" /> <script> function checkboxOnclick(checkbox){ if ( checkbox.checked == true){ //Action for check...

第一百八十节,jQuery-UI,知问前端--消息提示 UI

jQuery-UI,知问前端--消息提示 UI 学习要点:   1.HTML 部分   2.CSS 部分   3.jQuery 部分 通过前面已学的 jQuery UI 部件,我们来创建一个注册表单。 html <div id="reg" title="会员注册"> <p> <label fo...

(四)Vue指令

常用内置指令   v:text : 更新元素的 textContent   v-html : 更新元素的 innerHTML   v-if : 如果为true, 当前标签才会输出到页面   v-else: 如果为false, 当前标签才会输出到页面   v-show : 通过控制display样式来控制显示/隐藏   v-for : 遍历数组/对象   v...

一道面试题 vuex缺点?

最近去面试的时候,面试官有一道题是让我阐述用vuex的优缺点,优点倒还好说,这个缺点还真没有认识到,有道友可以帮忙解惑嘛? 2 回答 慕标5265247这种问题一般都有通用回答套路。一件挺好的东西,有什么缺点?1.成本高,即用不起。2.不用用,杀鸡焉用牛刀。3.不好用,某些情况用它解决不了4.不愿意用,有其他替代品。 反对回复2018-09-0...

扫雷思想及主函数

1.建雷盘(9*9雷盘) 2.初始化雷盘,雷盘1每个位置初始化为字符0,雷盘2每个位置初始化为字符*。 3.为了检验,输出我们初始化好的雷盘。 4.向棋盘放雷,这块我们可以以雷数设计难度。摆雷是以随机数放入的,下面会附上代码,详见代码 5.扫雷。 详细说明一下扫雷的思想: 5.1.先定义int win = 0(用来判断结束的条件)当我们向控制台输入坐标后,...