Vuejs - 제출 후 입력 필드를 다시 집중 시키십시오.

Question

Vuejs를 사용하여 양식을 작성 했으므로 단어 쌍에 오브젝트를 추가 할 수 있습니다. 추가 한 후에는 첫 번째 입력 필드로 포커스가 이동해야합니다.

내 페이지에는 두 개의 양식이 있으며 첫 번째 페이지는 일반적인 목록 정보를 필요로하며 제출 후 숨겨집니다. 이 후 두 번째 양식이 표시됩니다.

시도한 결과는 this.$$.input_lang1.focus()이지만 오류 메시지 (Uncaught TypeError: Cannot read property 'input_lang1' of undefined)가 발생했습니다.

나는 또한 jQuery로 시도했다. 이 경우 정확한 초점이 생기지 만 두 번째 입력 필드의 값은 제거되지 않습니다. 여기

는 link to jsfiddle

Answer 1

는 순수한 자바 스크립트를 사용하여 입력에게 ID를 부여합니다.

예를 들어, 입력 ID는 initialInput 경우 :

가

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

바이올린 :

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