ElementUI：使input自动聚焦的两种方法

使用全局指令

参考官网全局指令定义方法

1. 在Vue中定义全局指令

   Vue.directive('focus', {
       // 当被绑定的元素插入到 DOM 中时……
       inserted: function (el) {
           // 聚焦元素
           console.log(el);
           el.children[0].focus()
       }
   })
   

   这使用children[0]的原因是input标签外层Vue会自动渲染上一层div，如下图
   
2. 在代码中使用v-focus进行聚焦
   

使用ref获取元素，在加载界面完成后，直接聚焦

效果