Vue.js学习系列(四十五)-- 自定义指令
来源:互联网 发布:淘宝直播点赞软件下载 编辑:程序博客网 时间:2024/05/24 06:41
之前我们了解了vue.js核心指令v-bind,v-on等 。Vue也可以自定义指令,在 Vue2.0 里面,代码复用的主要形式和抽象是组件——然而,有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。
1.全局指令
下面我们注册一个全局指令v-focus,该指令的功能就是实现在页面加载的时候,元素获取焦点。
代码如下:
运行结果为文本框默认是选中的,效果如下图所示:
2.局部指令
我们也可以在实例中使用directives选项来注册局部指令。这样的指令就只能在这个实例中使用。
代码如下:
0 0
- Vue.js学习系列(四十五)-- 自定义指令
- 前端框架vue.js系列(12):混合、自定义指令
- Vue.js学习系列(十七)--常用指令(一)
- Vue.js学习系列(十九)--常用指令(二)
- Vue.js学习系列(五)---vuejs指令
- Vue.js--自定义指令
- Vue.js--自定义指令
- Vue.js 自定义指令
- Vue.js学习系列(四十四)-- 自定义事件
- Vue.js 指令学习
- Vue.js(进阶)自定义指令
- vue.js之自定义指令
- Vue.js学习 Item13 – 指令系统与自定义指令
- Vue.js学习 Item13 – 指令系统与自定义指令
- Vue.js指令篇之自定义指令
- Vue.js学习系列(二十)--常用指令(三)
- Vue学习(二)自定义指令
- Vue.js学习系列(三十五)-- Vue.js事件监听
- PPi Forex基本面行情分析:AUD\USD、COIL及策略
- u启动盘重装系统
- SQL
- ROS及机器人课程资料整理(苏黎世联邦理工学院, ETH Zürich)
- Spring Validation Example – Spring MVC Form Validator
- Vue.js学习系列(四十五)-- 自定义指令
- 【内核驱动】 内核驱动中添加系统调用
- 微信隐性授权和显性授权的差别总结
- Java 解决采集UTF-8网页空格变成问号乱码
- Activity进场退出动画
- ldap添加自定义类(schema)
- G+全球技术价值峰会—技术创造商业价值
- 计算机相关书籍推荐
- Hadoop安装与搭建