vue中自定指令不生效

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

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


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


image.png

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

阅读 3.3k
3 个回答

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

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题