Vuejs - 提交后重新聚焦输入字段答案

【问题标题】：Vuejs - re-focus an input-field after submitVuejs - 提交后重新聚焦输入字段
【发布时间】：2016-10-27 18:48:51
【问题描述】：

我用 Vuejs 构建了一个表单，它允许我将单词对对象添加到单词数组中。添加焦点后应该跳回第一个输入字段。

我的页面上有两个表单，第一个包含一些一般列表信息，提交后将被隐藏。之后，将显示第二个表单。

我尝试了this.$$.input_lang1.focus()，但结果是一条错误消息（Uncaught TypeError: Cannot read property 'input_lang1' of undefined）。

我也尝试过使用 jQuery。这会产生正确的焦点，但不会删除第二个输入字段的值。

【问题讨论】：

【解决方案1】：

给输入一个id，然后使用纯javascript。

比如输入id是initialInput：

document.getElementById("initialInput").focus();

小提琴：

【讨论】：