Vue+element使用@keyup.enter不起作用

今天在写登录功能的时候,在用Vue的@key.enter的时候由于使用elementUI组件,@keyup.enter不起作用,经排查,发现需要这样@keyup.enter.native=“login”
代码


              
                
                  
                
              
              
                
                  
                
              
              
                登录
              
 

使用情景
实现点击enter键的时候能够提交表单
Vue+element使用@keyup.enter不起作用_第1张图片
1、当用@keyup.enter敲击enter回车之后直接提交表单, 如果加了element组件就要用

@keyup.enter.native , 但是当你只有一个输入框的时候 from元素上要加上。

2、当然也可以在input上加监听


你可能感兴趣的:(前端知识,Vue)