在vue中获取input 焦点

首先，在Vue中，获取input焦点的方法可以有多种，以下是其中的一些方法：

1. 使用ref属性获取input元素，并在mounted生命周期钩子中将焦点设置在该元素上：

<template>
  <div>
    <input type="text" ref="myInput">
  </div>
</template>

<script>
export default {
  mounted() {
    this.$refs.myInput.focus();
  }
}
</script>

2. 通过v-if指令来判断是否需要显示该input元素，并使用Vue的nextTick方法在DOM更新后将焦点设置在该元素上：

<template>
  <div>
    <input type="text" v-if="showInput" @focus="onFocus">
  </div>
</template>

<script>
export default {
  data() {
    return {
      showInput: true
    }
  },
  methods: {
    onFocus() {
      this.$nextTick(() => {
        this.$refs.myInput.focus();
      });
    }
  }
}
</script>

3. 使用自定义指令来设置input元素的焦点：

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

<script>
export default {
  directives: {
    focus: {
      inserted(el) {
        el.focus();
      }
    }
  }
}
</script>

以上是一些常用的获取input焦点的方法，具体使用哪种方法，可以根据自己的实际需求来选择。