v-auto-focus

2023年05月10日

柏拉文

越努力，越幸运

一、认识

---

v-focus 当一个 input 元素被 Vue 插入到 DOM 中后，它会被自动聚焦。假设你还未点击页面中的其他地方，那么上面这个 input 元素应该会被自动聚焦。该指令比 autofocus attribute 更有用，因为它不仅仅可以在页面加载完成后生效，还可以在 Vue 动态插入元素后生效。

二、实现

---

<template>
  <div>
    <input v-focus />
  </div>
</template>

<script setup lang="ts">

const vFocus = {
  mounted(el:any){
    el.focus();
  }
}

</script>