天天看點

Vue 常用特性 (自定義指令)

1. 為何需要自定義指令

Vue 總共十三個内置指令,但是這些指令還不夠用,是以就需要自定義指令

Vue 常用特性 (自定義指令)

2. 自定義指令的文法規則(擷取元素焦點)

Vue.directive('focus',{
	insterted:function(el){
		//擷取元素焦點
		el.focus();
	}
}
           

3. 自定義指令用法

4.帶參數的自定義指令(改變元素背景色)

Vue.directive('color',{
	inserted:function(el,binding){
		el.style.backgroundColor = binding.value.color;
	}
}
           

5. 指令的用法