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物件
相關文章
- Vue自定義指令Vue
- Vue中自定義指令Vue
- vue如何自定義指令?Vue
- vue系列自定義指令(三)Vue
- Vue3 自定義指令Vue
- Vue學習(二)自定義指令Vue
- Vue 中「自定義指令」的魅力Vue
- Vue 3自定義指令開發Vue
- vue3.0自定義指令(drectives)Vue
- web前端vue:自定義指令directiveWeb前端Vue
- 【譯】vue 自定義指令的魅力Vue
- 深入解析Vue.directive 自定義指令Vue
- Vue.js第十課 自定義指令Vue.js
- vue-自定義指令-實現提示功能Vue
- 『手撕Vue-CLI』新增自定義指令Vue
- 在Vue3中實現自定義指令Vue
- Vue.js自定義指令的用法與例項Vue.js
- vue自定義指令擷取圖片中心顯示Vue
- 分享8個非常實用的Vue自定義指令Vue
- vue 自定義指令外掛升級 2.0 的坑Vue
- vue 自定義指令實現資料拉取更新Vue
- ng自定義指令
- Vue從甜小白到皮大佬系列(四) 自定義指令Vue
- app直播原始碼,vue 自定義指令過濾特殊字元APP原始碼Vue字元
- 直播商城原始碼,vue 自定義指令過濾特殊字元原始碼Vue字元
- vue17自定義指令(有引數,無引數)Vue
- 面向Vue新人:使用Vue自定義指令來完善一個Select元件Vue元件
- 自定義檢視指令
- gitSource 自定義指令碼Git指令碼
- AngularJS - 自定義指令AngularJS
- Vue自定義指令實現input限制輸入正整數Vue
- 直播軟體原始碼,vue 自定義指令過濾特殊字元原始碼Vue字元
- VUE2第五天學習---自定義指令Vue
- vue自定義指令(Directive中的clickoutside.js)的理解VueIDEJS
- vue2.0自定義指令,用touch事件替換scroll事件Vue事件
- vue自定義鍵盤Vue
- Vue入門指南-02自定義全域性和區域性指令 (快速上手vue)Vue
- vue自定義全域性元件(或自定義外掛)Vue元件