13518219792
网站建设资讯

NEWS

网站建设资讯

Vue中v-on指令有什么用

这篇文章主要为大家展示了“Vue中v-on指令有什么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“Vue中v-on指令有什么用”这篇文章吧。

创新互联建站专注于东明企业网站建设,响应式网站建设,商城建设。东明网站建设公司,为东明等地区提供建站服务。全流程按需定制，专业设计，全程项目跟踪，创新互联建站专业和态度为您提供的服务

v-on
v-on 主要用来监听 dom 事件，以便执行一些代码块。表达式可以是一个方法名。
简写为：【 @ 】


    

事件修饰符

  • .stop 阻止事件继续传播

  • .prevent 事件不再重载页面

  • .capture 使用事件捕获模式,即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理

  • .self 只当在 event.target 是当前元素自身时触发处理函数

  • .once 事件将只会触发一次

  • .passive 告诉浏览器你不想阻止事件的默认行为



 


 


 


 


...
  ...
    ...

使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用v-on:click.prevent.self会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。

以上是“Vue中v-on指令有什么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！


新闻标题：Vue中v-on指令有什么用
文章来源：http://cdweb.net/article/jidphp.html

其他资讯