在vue3.x中,注册局部自定义的指令是在
setup
方法外面,directives
下面便可自定义指令,那在vue3.2中的<script setup>
标签该如何自定义指令呢?
其实,在vue3.2中,自定义指令变得更加的简单,直接上例子。
<script setup>
// 注册一个局部的自定义指令,需要以小写v开头
const vFocus = {
mounted(el) {
// 获取input,并调用其focus()方法
el.querySelector('input').focus()
}
}
</script>
<template>
<input v-focus />
</template>
这样就完成了一个局部自定义指令。