Advertisement

VUE 支持自定义全局按键修饰符及私有指令(基于 Vue.directive)

阅读量:

1、自定义全局按键修饰符

复制代码
    <label for="">试试 F2 :<input type="search" @keyup.113="add"></label>
    <label for="">试试 F2 :<input type="search" @keyup.f2="add"></label>
    
    
      
      
    
复制代码
    //自定义全局按键修饰符
    Vue.config.keyCodes.f2 = 113
    
    
      
      
    
复制代码
    methods:{
    		add(){
    			alert("我是一个小玩家");
    		}
    	},
    
    
      
      
      
      
      
    

2、使用 Vue.directive() 自定义全局的指令

1、提示:在Vue框架中,所有指令在使用时均需以 v- 作为前缀进行标识

复制代码
    <!-- 注意:Vue中所有的指令,在调用的时候,都以 v- 开头 -->
    <label for="">我来试试自定义属性 :<input type="text" v-focus></l

全部评论 (0)

还没有任何评论哟~