Vue-cli 中如何自定义指令
自定义指令的钩子函数
o bind：绑定指令到元素上，只执行一次
o inserted：绑定了指令的元素插入到页面中展示时调用，基本上都是操作这
个钩子函数
o update：所有组件节点更新时调用
o componentUpdated：指令所在组件的节点及其子节点全部更新完成后调用
o unbind：解除指令和元素的绑定，只执行一次
directives:{
自定义指令的名字：{
自定义指令钩子函数(el){
操作逻辑
}
}
}
<template>
<div class="about">
<h1 v-aa>自定义指令</h1>
</div>
</template>
<script>
export default {
directives:{
"aa":{
// el 指向当前绑定的那个元素
inserted(el){
el.style.color="pink"
}}}}
</script>
4397
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
