<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
<input type="text" v-focus>
</div>
<script>
// 全局自定义指令一定要在Vue实例之前
Vue.directive("focus",{
inserted:function (el) {
// console.log(el) //指向的是 <input type="text">
el.focus(1) // 聚焦元素
}
})
new Vue({
el:'#app'
})
</script>
</body>
</html>
1.自定义指令 分类：全局指令、局部指令 1.1 自定义全局指令 使用全局方法 Vue.directive(指令I...
一、vue常用指令概览 二、vue自定义指令 注册全局指令Vue.directive('my-directive'...
分类：全局指令、局部指令 1、自定义全局指令 使用全局方法Vue.directive(指令ID,定义对象) 注：使...
使用Vue.directive注册全局指令 绑定事件 对于Vue自定义指令不明白的同学请移步: Vue自定义指令 ...
自定义指令 示例，文本框自动获取焦点 自定义全局指令 使用 Vue.directive() 定义全局指令。 和样式...
一、自定义全局指令Vue中所有指令都以（v-）开头。使用Vue.directive('name',{})定义全局指...
Vue指令上篇文章有讲过了，现在分析Vue指令钩子函数。 自定义指令 全局定义：Vue.directive( ' ...
通过Vue.directive()注册全局自定义指令
directives: 用于自定义vue指令 注册全局自定义指令:调directive(id, fun) 注册局部...
vue 的自定义指令，分为全局自定义指令和局部自定义指令，局部自定义指令等价于局部组件。 自定义指令可以对DOM进...
本文标题：Vue全局自定义指令
本文链接：https://www.haomeiwen.com/subject/gnlesftx.html
网友评论