Vue 进入新页面时input获取焦点方法(个人笔记)

Vue进入新页面时，获取input焦点,官网上推荐方法是:

• 在你的项目入口文件(main.js)注册一个全局自定义指令 `名字自定义`

// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

 

• 注册成功之后在你的页面中引用

        <input
          type="text"
          class="search_input"
          id="input_search"
          :placeholder="searchVal"
          v-focus
          @change="searchForm"
        >

• 这样就引用成功了，进入页面之后input自动获取焦点
• 之前逛论坛时搜索解决方法，大家使用这个方法时可能会出现些许问题，可能是因为项目不同，现在在这做个笔记以免忘记，等遇到问题时（找到解决方法时）再回来更新。