VUE自定义指令之input框自动获取焦点实例

创建一个自定义指令通过:Vue.directive()这个方法来实现


在使用自定义指令时 我们只需要用    v-指令名,在这里我们创建了一个自定义指令叫xixi,所以就是   v-xixi   表示我们使用了这个自定义指令


Vue.directive('指令名',配置项),在上面我们使用的是inserted这个配置项,inserted是被指令绑定的元素 ,插入到真实dom时会自动执行。

inserted接收两个参数


我们来打印一下这两个参数




可以看到  el 就是我们被绑定的元素 参数二就是自定义指令对象,里面存放这我们的指令名 xixi 以及 value 王一。也就是说:我们通过Vue.directive这个方法,创建了一个名叫xixi的自定义指令,当我们把这个自定义指令绑定到一个元素上的时候,当这个元素从虚拟dom变成了真实dom,就会执行inserted这个方法,当执行这个方法时,el就会执行原生js里面的focus()这个方法进行聚焦。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容