element ui autofocus失效的解决办法

我要根据状态判断表格显示input还是label，用了它的autofocus对于这样的来回切换，只有第一次点击有效，后面就不行了，所以改用v-focus自定义指令，问题解决

<div
    v-if="
       显示输入框
    "
  >
    <!-- 选中的是当前的格子并且是input类型和可编辑的状态并且是未删除就显示input -->
    <el-input v-focus v-model="model"/>
  </div>
  <div v-else>
  显示label
  </div>

directives: {
    focus: {
      inserted: function(el) {
        el.querySelector("input").focus();
      }
    }
  },