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

时间:2022-12-06 01:57

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

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

在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';

}

}


标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公