19-基础-自定义指令-全局自定义指令
作者:互联网
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width,initial-scale=1.0'>
<meta http-equiv='X-UA-Compatible' content='ie=edge'>
<title>Document</title>
</head>
<body>
<div id='app'>
<input type="text" v-focus>
<textarea cols="30" rows="10" v-inntexts>aaaaaaa</textarea>
</div>
<script src='./vue.js'></script>
<script>
// 两类+三步
// 全局
// 1. 定义Vue.directive("指令名字",{方法:值}
// 2. 功能
// 3. 使用
Vue.directive("focus", {
// inserted方法 不需要我们调用
inserted: function (el) {
console.log(el);
// el指的是将来使用该指令的标签 这里就是input
el.focus();
}
});
Vue.directive('inntexts', {
inserted: function (el) {
console.log(el)
}
});
new Vue({
el: '#app',
data: {},
methods: {}
});
</script>
</body>
</html>
标签:el,Vue,directive,自定义,19,指令,inserted 来源: https://www.cnblogs.com/divtab/p/10940529.html