vue焦点可以追溯到原始输入

Question

我有自定义指令焦点，我只将它应用于我的第一个输入

input v-focus v-model="fields.code" type="text
input v-model="fields.name" type="text"

焦点正常，但当我尝试编辑下一个字段时，焦点会在第一个字段上发生变化

这是我的指示：

componentUpdated: function(el, binding){
     el.focus();
}

关于如何使这项工作的任何建议？

Answer 1

这是因为每次更新第一个输入时都会调用componentUpdated挂钩，包括您何时离开并尝试编辑第二个输入。改为使用inserted挂钩：

inserted: function(el, binding){
    el.focus();
}

Answer 2

我没有经过测试，但只是阅读Lukasz建议看起来正确。事实上，自定义指令指南部分中的vuejs2文档中有一个示例。