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();
      }
    }
  },