vue自定义指令实现输入框出现后自动聚焦

小编最近做项目时，遇到了一个问题，需求是点击编辑icon后，输入框出现，输入框失焦时隐藏。

项目采用的vue-antdv的技术，做的时候发现，给输入框加上autofocus属性后，只有第一次输入框出现的时候，才会自动聚焦，查阅资料后，发现可以用自定义指令实现，下面上代码：

 <a-input v-focus v-model="item.name" @blur="() => (item.isEdit = false)" autofocus />
 directives: {
    //自定义输入框每次出现都聚焦的指令
    focus: {
      inserted: function (el) {
        el.focus()
      },
    },
  },

完美解决！