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
- Vue中自定義指令Vue
- vue如何自定義指令?Vue
- gitSource 自定義指令碼Git指令碼
- 自定義檢視指令
- vue系列自定義指令(三)Vue
- Vue 中「自定義指令」的魅力Vue
- Vue學習(二)自定義指令Vue
- Angular學習(4)自定義指令Angular
- Vue 3自定義指令開發Vue
- vue3.0自定義指令(drectives)Vue
- 使用 vue3 的自定義指令給 element-plus 的 el-dialog 增加拖拽功能Vue
- 深入解析Vue.directive 自定義指令Vue
- 第216天:Angular—自定義指令(二)Angular
- vue-自定義指令-實現提示功能Vue
- Vue.js第十課 自定義指令Vue.js
- CocoaPods 支援 自定義指令碼(script_phase)指令碼
- 『手撕Vue-CLI』新增自定義指令Vue
- Angular JS 自定義指令的scope範圍AngularJS
- ExcelWeb指令碼助手,自定義指令碼,批量操作Excel與網頁ExcelWeb指令碼網頁
- 記windows自定義bat指令碼自啟動WindowsBAT指令碼
- vue自定義指令擷取圖片中心顯示Vue
- 使用Mac自定義快捷鍵執行shell指令碼Mac指令碼
- Angular 自定義結構型指令 structural directive 的使用AngularStruct
- Vue.js自定義指令的用法與例項Vue.js
- 在SSIS中自定義VB.Net指令碼(下)OF指令碼
- 分享8個非常實用的Vue自定義指令Vue
- awk基礎05-自定義函式和指令碼函式指令碼
- Vue從甜小白到皮大佬系列(四) 自定義指令Vue
- Fedora 16自定義開機執行指令碼講解指令碼
- vue17自定義指令(有引數,無引數)Vue
- 直播商城原始碼,vue 自定義指令過濾特殊字元原始碼Vue字元
- app直播原始碼,vue 自定義指令過濾特殊字元APP原始碼Vue字元
- vue3中ref繫結自定義元件沒有獲取到domVue元件
- vue3 自定義渲染器 + canvas 寫一個《貪吃蛇?》VueCanvas
- Vue自定義指令實現input限制輸入正整數Vue
- apisix~為自定義外掛設計一個configmap指令碼API指令碼