Vue.js на текстовом поле фокуса при загрузке

Question

Как сфокусироваться на нагрузке с помощью VueJS?

При использовании JQuery, все, что я должен сделать, это:

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

Есть ли вю-так или нет?

Answer 1

Вы можете создать пользовательскую директиву для этого:

// 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 документы: https://vuejs.org/v2/api/#Vue-directive