加载焦点文本框上的Vue.js

时间:2016-12-23 08:00:26

标签: vue.js vuejs2

如何使用VueJS专注于加载?

如果使用jquery,我应该做的就是:

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

是否有vue-way?

1 个答案:

答案 0 :(得分:8)

您可以为此创建自定义指令:

heat.animal_id = animal.id

然后像这样使用它:

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

文档中的完整示例:https://vuejs.org/v2/guide/custom-directive.html

指令文档:https://vuejs.org/v2/api/#Vue-directive