19 - 切换焦点指令

[fashman]

<script setup lang='ts'>
import { ref } from "vue"

const state = ref(true)

/**
 * Implement the custom directive
 * Make sure the input element focuses/blurs when the 'state' is toggled
 *
*/

const VFocus = {
  mounted(el, binding){
    if(binding.value) el?.focus()
  },
  updated(el,binding) {
    binding.value?el.focus(): el.blur();
  }
}

setInterval(() => {
  state.value = !state.value
}, 2000)

</script>

<template>
  <input v-focus="state" type="text">
</template>

[c11ee]

多谢你的答案，让我发现忘记mounted时初始光标