vue自定义指令自动获取文本框焦点的方法-古蔺大橙子建站

这里有您想知道的互联网营销解决方案

vue自定义指令自动获取文本框焦点的方法

HTML：

创新互联公司是一家专业提供新干企业网站建设,专注与成都做网站、网站制作、H5建站、小程序制作等业务。10年已为新干众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

{{tag}}

js：

官方例子：

directives: {
  focus: {
  // 指令的定义
  inserted: function (el) {
   el.focus()
  }
  }
 }

我的：

directives: {
  focus:function (el) {
   el.focus();
  }
 }

在我的项目中使用官方的例子时，input不能自动获取焦点，使用我的js时可自动获取焦点，查询相关资料后知道，insert是一个钩子函数，只要父节点存在，在插入父节点时调用，我这里并没有插入所以没有调用，所以还是要多读多学，仔细一些。

拓展知识：vue 自定义指令自动聚焦的实例讲解

如下所示：

局部注册指令：

 directives: {
  focus: {
  inserted: function (el) {
   el.children[0].focus()
  }
  }
 }

以上这篇vue 自定义指令自动获取文本框焦点的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。

网页标题：vue自定义指令自动获取文本框焦点的方法
标题网址：http://scgulin.cn/article/iiessp.html