Vue.js na polu tekstowym focus na ładunku

Question

Jak skupić się na obciążeniu za pomocą VueJS?

Jeśli używasz jQuery, wszystko co należy zrobić, to:

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

Czy istnieje vue-drożny, czy nie?

Answer 1

Można utworzyć dyrektywę niestandardową że:

// 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() 
    } 
}) 

a następnie używać go tak:

<input v-focus> 

Pełna przykład z dokumentów: https://vuejs.org/v2/guide/custom-directive.html

dyrektywa docs: https://vuejs.org/v2/api/#Vue-directive