【vue】directive自定義指令

directive指令


目的:實現自定義指令,比如v-focus

<input v-focus />

全局註冊:

Vue.directive('focus',{
	inserted:function(el){
		el.focus()
	}
})

局部註冊:

directives:{
	focus:{
		inserted:function(el){
			el.focus();
		}
	}
}

然後你可以在模板中任何元素上使用新的 v-focus 屬性,如下:

<input v-focus />
發佈了40 篇原創文章 · 獲贊 28 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章