Vue全局自定义指令
2018-06-04 本文已影响0人
加冰宝贝
<!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>
