Vue.js 加载时聚焦文本框

Question

如何使用VueJS实现专注加载？

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

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

有没有vue-way？

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

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

Vue.js 加载时聚焦文本框

Vue.js on focus textbox on load

vue.js

vuejs2