Vue3 自定義指令
< div id = " app " > < p > 頁面載入時,input 元素自動獲取焦點: </ p > < input v-focus > </ div > < script > const app = Vue.createApp({}) // 註冊一個全域性自定義指令 `v-focus` app.directive('focus', { // 當被繫結的元素掛載到 DOM 中時…… mounted(el) { // 聚焦元素 el.focus() } }) app.mount('#app') </ script >
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70029331/viewspace-2948571/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 在Vue3中實現自定義指令Vue
- vue 自定義指令Vue
- ng自定義指令
- Vue自定義指令Vue
- Vue中自定義指令Vue
- 自定義檢視指令
- vue如何自定義指令?Vue
- gitSource 自定義指令碼Git指令碼
- AngularJS - 自定義指令AngularJS
- vue系列自定義指令(三)Vue
- Vue學習(二)自定義指令Vue
- Vue 中「自定義指令」的魅力Vue
- Angular學習(4)自定義指令Angular
- Vue 3自定義指令開發Vue
- vue3.0自定義指令(drectives)Vue
- web前端vue:自定義指令directiveWeb前端Vue
- 【譯】vue 自定義指令的魅力Vue
- cacti自定義監控指令碼指令碼
- 使用 vue3 的自定義指令給 element-plus 的 el-dialog 增加拖拽功能Vue
- 深入解析Vue.directive 自定義指令Vue
- monkey自定義指令碼實踐指令碼
- Vue.js第十課 自定義指令Vue.js
- vue-自定義指令-實現提示功能Vue
- Angular JS 自定義指令的scope範圍AngularJS
- Angular 4.x 自定義驗證指令Angular
- 第216天:Angular—自定義指令(二)Angular
- 自定義統計結果指令碼mystat指令碼
- 走進AngularJs(五)自定義指令----(下)AngularJS
- 走進AngularJs(三)自定義指令-----(上)AngularJS
- 走進AngularJs(四)自定義指令----(中)AngularJS
- 『手撕Vue-CLI』新增自定義指令Vue
- CocoaPods 支援 自定義指令碼(script_phase)指令碼
- 記windows自定義bat指令碼自啟動WindowsBAT指令碼
- ExcelWeb指令碼助手,自定義指令碼,批量操作Excel與網頁ExcelWeb指令碼網頁
- vue3 自定義渲染器 + canvas 寫一個《貪吃蛇?》VueCanvas
- Vue.js自定義指令的用法與例項Vue.js
- Angular 自定義結構型指令 structural directive 的使用AngularStruct
- 使用Mac自定義快捷鍵執行shell指令碼Mac指令碼