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

Question

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

我的页面上有两个表单，第一个表单提供了一些常规列表信息，并在提交后隐藏。在此之后，将显示第二个表格。

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

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

以下是link to jsfiddle

Answer 1

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

例如，如果输入ID为initialInput：

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

小提琴：

https://jsfiddle.net/76fua8js/2/