로드 시 포커스 텍스트 상자의 Vue.js

로드 시 포커스 텍스트 상자의 Vue.js

VueJ를 사용하여 로드에 집중하는 방법

jquery를 사용할 경우 해야 할 일은 다음과 같습니다.

$(document).ready(function() {
   $('#username').focus();
});

vueway가 있나요, 없나요?

이에 대한 커스텀 디렉티브를 작성할 수 있습니다.

// Register a global custom directive called v-focus
Vue.directive('focus', {
  // When the bound element is inserted into the DOM...
  inserted: function (el) {
    // Focus the element
    el.focus()
  }
})

그리고 이렇게 사용하세요.

<input v-focus>

문서의 전체 예: https://vuejs.org/v2/guide/custom-directive.html

Directive documents : https://vuejs.org/v2/api/ #Vue-directive

언급URL : https://stackoverflow.com/questions/41297475/vue-js-on-focus-textbox-on-load