本文共 290 字，大约阅读时间需要 1 分钟。

使用全局指令

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

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获取元素，在加载界面完成后，直接聚焦

效果

转载地址：https://kaisarh.blog.csdn.net/article/details/110855839 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！