今天小编就为大家分享一篇vue 自定义指令自动获取文本框焦点的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
HTML：
<p><b>{{tag}}</b></p>
js：
官方例子：
directives: { focus: { // 指令的定义 inserted: function (el) { el.focus() } } }
我的：
directives: { focu<b>本文来源gao@!dai!ma.com搞$$代^@码5网@</b>s:function (el) { el.focus(); } }
在我的项目中使用官方的例子时，input不能自动获取焦点，使用我的js时可自动获取焦点，查询相关资料后知道，insert是一个钩子函数，只要父节点存在，在插入父节点时调用，我这里并没有插入所以没有调用，所以还是要多读多学，仔细一些。
拓展知识：vue 自定义指令 自动聚焦的实例讲解
如下所示：
局部注册指令：
directives: { focus: { inserted: function (el) { el.children[0].focus() } } }
以上就是vue 自定义指令自动获取文本框焦点的方法的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue 自定义指令自动获取文本框焦点的方法
转载请注明原文链接：vue 自定义指令自动获取文本框焦点的方法
