vue-07-自定义指令
2024-10-18 06:04:17
1, 全局指令
在main.js中引入
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.focus()
}
})
页面中使用
<div>
<input v-focus/> </div>
2, 局部执行指令
在需要的js页面中引入
data() {
return {}
},
directives: {
focus: {
// 指令的定义
inserted: function (el) {
el.focus()
}
}
}
页面中使用
<div>
<input v-focus/> </div>
最新文章
- dubbo-monitor图标功能不显示
- nodejs安装/运行脚本
- 产品列表页分类筛选、排序的算法实现（PHP）
- JAVA内嵌数据库H2的使用入门
- css3的一些新属性1
- redmine v3.02版的安装问题
- Linux下使用inode删除文件
- Neutron Networking QoS
- 面向站长和网站管理员的Web缓存加速指南
- Java HTTP请求
- POJ 2777 线段树基础题
- E/WindowState(643): getStack: Window{33f867f8 u0 Starting com.xxxxxx.ooooo}
- git 简易使用说明
- STL - 各个容器的使用时机
- Java集合-treebag
- Confluence 6 编辑和删除用户宏
- html中空格字符实体整理
- JavaNIO快速入门
- 【iCore4 双核心板_ARM】例程十四：FATFS实验——文件操作
- 《大话设计模式》c++实现 原型模式