1、全局定义Vue.directive()
参数:
(1)、指令的名字(定义的时候不加v-,使用vue指令的时候加上v-)
(2)、对象,里面包含三个钩子方法
bind 只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置
inserted 这个元素已经渲染到界面上之后执行
update 当元素有更新的时候执行
(3)、 这三个方法的参数有哪些
*el:指令所绑定的元素,可以用来直接操作 DOM 。
*binding:一个对象,包含以下属性:
*name:指令名,不包括 v- 前缀。
*value:指令的绑定值,例如:v-my-directive=“1 + 1” 中,绑定值为 2。
oldValue:指令绑定的前一个值,仅在 update 和 componentUpdated钩子中可用。无论值是否改变都可用。
示例:
vue自定义指令
最新推荐文章于 2024-06-16 13:00:26 发布