vue自定义指令

Posted Frazier_梁超

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue自定义指令相关的知识,希望对你有一定的参考价值。

全局: vue.directive:{"",{}}

局部:directives:{指令名:{钩子函数}}

bind(){} 只调用一次,指令第一次绑定到元素时调用

inserted(){} 被绑定元素插入父节点时调用

update(){} 被绑定元素所在的模板更新时调用,而不论绑定值是否变化

componentUpdated(){} 被绑定元素所在模板完成一次更新周期时调用

unbind(){}只调用一次, 指令与元素解绑时调用

以上是关于vue自定义指令的主要内容,如果未能解决你的问题,请参考以下文章

vue3.2 setup 之局部自定义指令

Vue自定义指令

vue3自定义指令详解

【vue】自定义指令限制纯数字或者带小数点输入值

vue 中自定义指令改变data中的值

Vue_(组件)自定义指令