vue 输入框获取焦点

1）输入框给一个v-focus属性：

<input  ref="searchInput" v-focus>

2）自定义获得焦点指令：

 directives: {
        focus: {
            // 指令的定义
            inserted: function(el) {
                el.focus();
            }
        }
    },

3）点击事件触发聚焦

this.$nextTick( () => {
        this.$refs.searchInput.focus();
  })

完整代码：
<input
	@keyup="searchGame"
    ref="searchInput"
    v-focus
     class="game__search-input"
      type="text"
      placeholder="搜索"
      v-model="searchGameName">
      
<div  @click="handleKey"  class="game__pop-key-search"></div>

<script>
export default {
    name: 'SelectGame',
    components: {},
    data() {
        return{
            searchGameName: '', // 搜索名