Vue.js v-on:keyup 指令

v-on:keyup指令是一个Vue.js指令，用于将事件监听器添加到键盘上的按钮。首先，我们将创建一个 id 为app的 div 元素，然后将v-on:keyup指令应用于输入元素。此外，当我们按下相关键时，我们可以执行一个函数。

句法：

v-on:keyup="function"

支持的键：支持以下键：

• 输入键： .enter
• 制表键： .tab
• 删除键： .delete
• Esc 键： .esc
• 向上键： .up
• 向下键： .down
• 左键： .left
• 右键： .right

参数：该指令将函数保存为一个值，该值将在键事件发生时执行。
示例：此示例使用 VueJS 使用 Enter 键通过 v-on:keyup 切换元素的可见性。

HTML

  

    
        VueJS v-on:keyup Directive
    
  
    
    
    

  

    
        
            GeeksforGeeks
        
        
            VueJS | v-on:keyup directive
        
    
  
    
  
        
            Write anything and press enter
  
            
            
              
            GeeksforGeeks
        
    
  
    
        var app = new Vue({
            el: '#app',
            data: {
                data: false
            }
        })
    

  

输出：