-
自定义指令的钩子函数,及自定义指令的使用场景
(1) bind:只调用一次,指令第一次绑定到元素时调用
(2) inserted:被绑定元素插入父节点时调用
(3) update:所在组件的虚拟节点更新时调用
(4) componentUpdated:所在组件的虚拟节点及子虚拟节点全部更新后调用
(5) unbind:只调用一次,指令与元素解绑时调用 -
案例
调用指令
<input type="text" v-myinput>
钩子函数:
directives:{
“指令名”:{
inserted(当前节点){
//对节点操作
}
}
}
例:例举一个带参数的自定义指令
directives:{
myinput:{
bind(el, binding) {
el.focus();
}
}
}