vue3自定义指令(通过指令钩子获得dom和钩子参数）

实现文本框自动获得焦点

Index.vue:

<script setup>
import { ref, onMounted } from 'vue'
import './index.css'

const vFocus = {
  mounted: (el, binding) => {
    el.focus()
    console.log(binding)
  }
}

onMounted(() => {})
</script>

<template>
  <div class="m-home-wrap">
    <input v-focus:title="`标题`" placeholder="请输入" />
    <div class="m-home-demo"></div>
  </div>
</template>

<style></style>

人工智能学习网站 

https://chat.xutongbao.top