Vue自定义指令使用事件修饰符

vue

vue的自定义指令目前是不可以使用vue的事件修饰符的。

你要想让你的自定义指令实现vue的事件修饰符效果,比如使用.stop .prevent ,就需要自己来定义效果。

大家看一下自定义指令 的钩子函数

上代码。更清晰 

 事件修饰符就藏在binding.modifiers中

自定义指令的钩子函数,为我们提供了两个参数,el 是当前触发事件的对象,第二个参数 中包含很多重要的属性。

 如果我们想要达到自定义指令中事件修饰符的效果,必须再绑定一个同类型事件,根据修饰符的不同对event设置不同的js代码。

实现方法有很多,大家有更好的方法可以发出来一起学习学习。

以上是 Vue自定义指令使用事件修饰符 的全部内容, 来源链接: utcz.com/z/375171.html

回到顶部