vue2 局部自定义指令
时间: 2023-09-19 18:09:32 浏览: 105
详解Vue中的自定义指令
Vue2 中可以使用 `directives` 选项来定义局部自定义指令。下面是一个简单的示例:
首先,在 Vue 实例的 `directives` 选项中定义一个自定义指令:
```javascript
directives: {
focus: {
inserted: function (el) {
el.focus();
}
}
}
```
然后,在模板中使用该指令:
```html
<input v-focus type="text">
```
在上述示例中,我们定义了一个名为 `focus` 的自定义指令,它会在元素被插入到 DOM 中时将焦点设置到该元素上。在输入框的 `v-focus` 指令中使用了这个自定义指令。
需要注意的是,自定义指令的钩子函数中的 `el` 参数表示指令所绑定的元素。我们可以在钩子函数中对这个元素进行操作,实现各种功能。
阅读全文