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

【问题标题】：Vue.js on focus textbox on load加载时焦点文本框上的 Vue.js
【发布时间】：2016-12-23 08:00:26
【问题描述】：

如何使用 VueJS 专注于负载？

如果使用 jquery，我应该做的就是：

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

有没有vue-way？

【问题讨论】：

给你：vuejs.org/v2/guide/custom-directive.html
@sobolevn 谢谢：3
很高兴知道它在文档中，谢谢@sobolevn。（根据您的用例，您还可以使用autofocus html 属性：developer.mozilla.org/en-US/docs/Web/Guide/HTML/…）
在我的情况下太糟糕了，自动对焦不起作用 T_T)

标签： vue.js vuejs2

【解决方案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

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

【讨论】：