Vue自定义指令-实现进入页面就获取输入框焦点

自定义指令一般用在很多地方都使用到的功能,把它封装成一个自定义指令.

注册全局的输入框默认选中功能

import Vue from 'vue'
import App from './App.vue'   //主组件
import HelloWorld from './components/HelloWorld.vue'  //Helloworld组件
import Home from './components/Home.vue'  //Home组件


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

/* 主JS创建Vue对象 */
new Vue({
    el: '#app',
    components: { App },
    template: ''
})

注册局部的输入框默认选中功能