vue事件绑定修饰符都有哪些,vue事件修饰符和按键修饰符
Vue主张数据处理是方法中的必由之路，所以为DOM事件处理提供了事件修饰符。下面这篇文章主要介绍Vue自定义组件使用事件修改器的相关信息，有需要的朋友可以参考一下。
前言
今天在使用一个自己编写的组件时，突然遇到了一个久违的冒泡事件，于是想到了使用事件修饰符(。停)那是Vue自带的。本以为可以解决冒泡问题，却遇到了这个问题。
你脑子里的问号？这是什么鬼？我是根据Vue文档写的(吐血)
于是，我开始走上了解决自己错误的道路。
程序员常规操作：
打开浏览器——百度/谷歌搜索，发现找到的东西很多，没有一个能解决我的问题，所以Vue文档没办法走了！
在看了Vue文档至少几十遍之后，我认为我没有错过任何东西。我深信Vue文档没有这个问题的答案，于是我苦苦寻找，来到了这里。
嗯？event.stopPropagation()？
突然灵光一现！
既然可以触发的是event.stopPropagation()，那么我就传递事件，问题就可以解决了。去做吧！
开始素人 代码修改
按如下方式使用自定义组件：
查看控制台输出。
就是这样！但是，为什么是两次输出呢？本想解决它，但奇怪的好奇心出来了。
开始找两个bug来触发。
尝试添加。once修饰符，但发现它是无效的。多几次后发现触发两次。
奇怪！这是什么鬼！
继续使用Vue事件修改器。一次，出现以下输出
只能触发一次，为什么第一次就弹出来打印两次？(晕)
问题没有完全解决。继续找。
检查时间戳，这是同时触发的。不容易。
继续用浏览器搜索。
灵感来了。用setTimeout强制只触发一次怎么样？
开始代码改造
好了，看看效果吧。
成功！颠簸的路解决了！
总结
这就是本文关于为Vue定制组件使用事件修饰符的内容。关于使用Vue事件修改器的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。