vue 自定義指令

wx_程式人生發表於2021-01-03

參考vue官網

/ 註冊一個全域性自定義指令 `v-focus`
Vue.directive('focus', {
  // 當被繫結的元素插入到 DOM 中時……
  inserted: function (el) {
    // 聚焦元素
    el.focus()  // 元素只有插入 dom 中才能獲取焦點
  }
})
Vue.directive('指令名',{
//  指令繫結到元素上時候 會立即執行這個bind函式
	bind(){},  
// 插入dom中的會呼叫 inserted
	inserted(){},
// 當虛擬節點(Vnode) 執行的時候會觸發 update
	update(){},
	componentUpdated(){},
	unbind(){}
})
// 引數一  指令名稱 注意 自定義的時候  指令名稱面前不加 v-  呼叫的時候需要加
// 在每個函式  第一引數  永遠是el  dom原生的js物件

相關文章