Vuejs - 提出後に入力フィールドを再フォーカスする

Question

Vuejsでフォームを構築しました。単語のペアに単語ペアオブジェクトを追加できます。追加後、フォーカスは最初の入力フィールドに戻ります。

私のページには2つのフォームがありますが、最初のものは一般的なリスト情報をとり、送信後に非表示になります。その後、2番目のフォームが表示されます。

私はthis.$$.input_lang1.focus()を試しましたが、結果はエラーメッセージ（Uncaught TypeError: Cannot read property 'input_lang1' of undefined）でした。

また、jQueryで試してみました。これにより、適切なフォーカスが得られますが、2番目の入力フィールドの値は削除されません。ここ

はlink to jsfiddle

Answer 1

は、純粋なJavaScriptを使用し、その後、入力にIDを与えています。例えば

、入力されたIDがinitialInputの場合：

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

はフィドル：

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