成都网站建设设计

将想法与焦点和您一起共享

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://chengdu.cdxwcx.cn/article/jidphp.html

其他资讯