vue回车触发事件（提交表单，刷新列表等）

回车登录

原理：就是监听键盘事件，当按键为回车时触发相应的函数
代码：在输入框上面都加上@keyup.enter.native="handleMethod"
解释：为什么要加上native？
　　　写在一个封装好的组件上就需要加，给组件绑定原生事件采用的方法
　　　写在一个input标签上就不需要加
示例：
html:

    
        
            
        
    
    
        
            
        
    
    
        
        
    
    
        登录
    

js:

methods: {
    // 登录调用的方法
    handleSubmit () {
        // 验证及验证之后的跳转        
    }
} 

网站导航

网站导航