美文网首页
自动获取焦点dom版和自定义指令版全局指令和局部指令

自动获取焦点dom版和自定义指令版全局指令和局部指令

作者: 雨后晴阳 | 来源:发表于2018-09-06 22:39 被阅读0次

一  全局指令

1自动获取焦点dom版

用在input框中   给input框设置一个ref属性

该ref属性可以通过在mounted钩子函数中打印this  里面有个$refs  可以获取到当前dom

2自定义指令版本

自定义一个指令myfocus 

可以通过Vue.directive()创建

从data中取值color

二:局部指令

相关文章

  • vue学习回顾第二天

    自动获取焦点 方式一:dom版 方式二:通过自定义指令获取焦点自定义指令通过Vue.directive()创建,它...

  • Vue.js 学习笔记(二)

    自定义指令 示例,文本框自动获取焦点 自定义全局指令 使用 Vue.directive() 定义全局指令。 和样式...

  • 自动获取焦点dom版和自定义指令版全局指令和局部指令

    一 全局指令 1自动获取焦点dom版 用在input框中 给input框设置一个ref属性 该ref属性可以通过在...

  • vue 有自定义指令

    vue 的自定义指令,分为全局自定义指令和局部自定义指令,局部自定义指令等价于局部组件。 自定义指令可以对DOM进...

  • Vue3高级语法

    自定义指令,对DOM进行操作的时候 自定义局部指令image.png 自定义全局指令image.pngimage....

  • vue中自定义组件、指令、插件

    组件 全局组件 局部组件 自定义插件 提供install方法,挂载到Vue 指令 使用指令实现input自动获取焦...

  • Vue基础(五)--自定义指令与过渡

    1.自定义指令 分类:全局指令、局部指令 1.1 自定义全局指令 使用全局方法 Vue.directive(指令I...

  • 自定义指令

    全局自定义指令 局部自定义指令

  • 8. 自定义指令

    指令的用处 封装dom操作 自定义指令的基本用法 和组件类似分全局注册和局部注册,区别就是把component换成...

  • Vue之自定义指令

    分类:全局指令、局部指令 1、自定义全局指令 使用全局方法Vue.directive(指令ID,定义对象) 注:使...

网友评论

      本文标题:自动获取焦点dom版和自定义指令版全局指令和局部指令

      本文链接:https://www.haomeiwen.com/subject/segfgftx.html