📜  Vue.js v-on:click.alt 指令

📅  最后修改于: 2022-05-13 01:56:47.637000             🧑  作者: Mango

Vue.js v-on:click.alt 指令

v-on:click.alt指令是一个Vue.js指令,用于向元素添加点击事件监听器。虽然 click 指令会触发所有类型的点击事件,但该指令仅在按下 alt 键和点击时触发事件。首先,我们将创建一个 id 为app的 div 元素,然后将v-on:click.alt指令应用于一个元素。此外,我们甚至可以在点击发生时执行一个函数。

句法:

v-on:click.alt = "function"

参数:该指令接受一个函数,该函数将在 Alt + click 事件发生时执行。

示例:下面的示例显示 Vue.js 使用 v-on:click.alt 切换元素的可见性。



  

    
        VueJS v-on:click.alt directive
    
  
    
    

  

    
        

            GeeksforGeeks         

                     VueJS | v-on:click.alt directive              
       
           
                                           

                Alt + Click is pressed             

        
    
          

输出: