1. 程式人生 > >vue進入頁面自動獲取input框焦點

vue進入頁面自動獲取input框焦點

template裡面

<input v-focus type="text">

 全域性註冊 我放在utils.js裡面

import Vue from 'vue'
// 註冊一個全域性自定義指令 `v-focus`
Vue.directive('focus', {
  // 當被繫結的元素插入到 DOM 中時……
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

元件註冊,與created、mounted同級的

directives: {
  focus: {
    // 指令的定義
    inserted: function (el) {
      el.focus()
    }
  }
}