vue自定义指令的方法有哪些

lewis 2019-04-14 24次阅读

在vue中自定义指令的方法有:语法:Vue.directive(id, definition);1.自定义全局指令;2.自定义私有指令;

在vue中自定义指令的方法有以下两种

vue自定义指令语法:

Vue.directive(id,definition)

1.自定义全局指令

Vue.directive('focus',{

bind:function(el){

el.focus()

},

inserted:function(el){

el.focus()

},

updated:function(){

}

});

2.自定义私有指令

directives:{

'fontweight':{

bind:function(el,bingding){

el.style.fontWeight=bingding.value;

}

},

'fontsize':function(el,bingding){

el.style.fontSize=parseInt(bingding.value)+'px';

}

}




发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。