v-show에 표시된 후 입력에 초점을 맞춥니다.

v-show에 표시된 후 입력에 초점을 맞춥니다.

v-show를 사용하여 페이지가 로드될 때 숨겨지는 간단한 양식이 있습니다.보여드리고 초점을 맞추고 싶어요.다음 코드를 사용하여 폼을 표시하고 포커스를 입력으로 설정하는 메서드를 호출하는 버튼이 있습니다.

    this.newQuestion = true; //(Form whit v-show:newQuestion)
    this.$refs.questionInput.focus();

문제는 폼은 올바르게 표시되지만 처음 버튼을 눌렀을 때 입력이 집중되지 않는다는 것입니다.폼이 페이지에 있을 때 다시 누르면 동작합니다.방법이 있는지 알고 싶습니다. 감사합니다.

이전에도 같은 문제가 발생하여 강제로 업데이트를 실시했습니다(고객님의 경우,focusVue를 사용하여nextTick이 방법은 DOM 업데이트를 대기하기 위해 일부 데이터를 변경한 후 즉시 사용합니다.

this.$nextTick(() => {
    this.$refs.questionInput.focus();
})

이것을 시험해 보세요.

var me = this;
Vue.nextTick(function() {
  me.$refs.questionInput.focus();
});

언급URL : https://stackoverflow.com/questions/45824797/set-focus-on-input-after-its-showed-by-v-show