vue项目如何实现input输入框回车后,触发登录事件

方法一:

注释:如果你在elementui的el-input框绑定该事件,是不会被触发的

  1. 使用@keydown.enter或者v-on:keydown.enter指令来监听输入框按下回车键的事件

vue项目如何实现input输入框回车后,触发登录事件_第1张图片

方法二:

注释:此方法可以在el-input输入框中绑定键盘事件

  1. 使用ref在el-from元素命名
    
                    
                            
                        
                        
                            
                        
                        
                            登录
                        

2.在mounted钩子中添加,通过ref给el-form添加事件,使子元素el-input输入框也可以触发该事件

vue项目如何实现input输入框回车后,触发登录事件_第2张图片

3.解绑事件

你可能感兴趣的:(vue.js,javascript,ecmascript)