vue -- 自定义指令

mac2022-06-30  31

除了内置指令外, 用户自定义的指令 自定义指令有全局和局部 自定义指令都是v-name的模式,如:v-focus,name是directive()方法的第一个参数全局自定义指令

Vue.directive('focus', { inserted: function (el) { el.focus() } })

局部自定义指令 局部自定义指令就是一个对象,所以自定义的指令都可以写在这里,key就是指令名,value也是个对象,挂载钩子函数 directives: { focus: { inserted: function (el) { el.focus() } } } 这个方法有两个参数,第一个就是自定义指令的名字,第二个参数是操作对象,这个对象里有几个钩子函数bind:绑定指令到元素上,只执行一次inserted:绑定了指令的元素插入到页面中展示时调用,基本上都是操作这个钩子函数update:所有组件节点更新时调用componentUpdated:指令所在组件的节点及其子节点全部更新完成后调用unbind:解除指令和元素的绑定,只执行一次 钩子函数的参数有四个:el:就会指令所绑定的DOMbinding:一个包含DOM和指令的一些信息的对象vnode:就是编译生成的虚拟节点oldVnode:上一个虚拟节点

转载于:https://www.cnblogs.com/zjh-study/p/10736804.html

最新回复(0)