vue中自定指令不生效

Question

自定了一个自动聚焦的指令

    Vue.directive('focus', {
        inserted(el, binding, vnode) {
            el.focus()
        }
    });


    <input type="text" v-focus>
    <input type="text" v-focus>
    <input type="text" v-focus>

三个input标签不能一起生效，只有最后一个会生效是什么原因

Answer 1

焦点只有一个，一个页面不能多个元素focus

Answer 2

难道你想要的效果是三个输入框同时聚焦?

Answer 3

注册局部指令试一下，就是在单个vue组件里面注册而不是注册全局的