- Vue.js 3.0从入门到精通(视频教学版)
- 李小威编著
- 100字
- 2022-07-27 18:37:50
5.2.1 注册自定义指令
自定义指令的注册方法和组件很像,也分全局注册和局部注册,例如注册一个v-focus的指令,用于在<input>、<textarea>元素初始化时自动获得焦点,两种写法分别是:
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P92_164962.jpg?sign=1739654847-FXo5LAwHGSUCEBxzisS6NiJjaPKVcXFK-0-0e27d2a2d57f766823aaf63410ca212a)
然后可以在模板中任何元素上使用新的v-focus指令,例如:
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P93_165366.jpg?sign=1739654847-gF0GcoEv7mrLayDDc7wfSEqu8Jk3BYp4-0-6dfb91c1e36ebb9fcb4da092402e295a)
自定义指令的注册方法和组件很像,也分全局注册和局部注册,例如注册一个v-focus的指令,用于在<input>、<textarea>元素初始化时自动获得焦点,两种写法分别是:
然后可以在模板中任何元素上使用新的v-focus指令,例如: