一个vue中的小技巧

73 阅读1分钟

1.概述

在vue中除了核心功能默认的内置指令,Vue也支持注册自定义指令。

2.简介

自定义指令:自己定义的指令,可以封装一些dom操作,扩展额外的功能

比如:当我们页面加载时,让元素自动获取焦点

平常我们需要获取焦点:操作dom:dom元素.focus()

屏幕截图 2023-06-22 181443.png 这样比较麻烦

屏幕截图 2023-06-22 182849.png

这个时候我们就可以自定义指令:自定义指令分为两种
1.全局注册 在main.js中注册 语法如下

屏幕截图 2023-06-22 181851.png

屏幕截图 2023-06-22 182746.png

2.局部注册 语法如下

屏幕截图 2023-06-22 182803.png

屏幕截图 2023-06-22 182746.png