美文网首页
vue 事件修饰符 .stop .selft .capture

vue 事件修饰符 .stop .selft .capture

作者: Peter_2B | 来源:发表于2020-06-02 23:38 被阅读0次

正常情况下。 点击button会冒泡,  从html结构上 一层一层向上冒泡,父级有事件就会被触发


给button元素  click.stop="" 阻止冒泡后,只有button一个执行了不会再向父级冒泡

.self & .stop区别:  

self是将事件设置为只有当前元素本身 触发的时候才触发,冒泡传递上来的事件不触发事件。

 这里点击button, 只会触发input事件,而不会触发box,但会向上冒泡

点击div.


.capture 事件捕捉 ,  还是点击button, 但是从外层结构向内捕捉

.capture .stop案例 https://blog.csdn.net/qq_34164814/article/details/80468949

相关文章

  • vue 事件修饰符 .stop .selft .capture

    正常情况下。 点击button会冒泡, 从html结构上 一层一层向上冒泡,父级有事件就会被触发 给button元...

  • vue事件、指令、钩子

    vue事件、指令、钩子 vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture:捕...

  • vue

    vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture 捕获.self ...

  • vue

    vue的事件修饰符: .stop:阻止冒泡 .prevent:阻止默认行为 .capture .self .onc...

  • vue

    vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture.self CommonJS...

  • vue

    vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture.self CommonJS...

  • vue

    vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture.self CommonJS...

  • VUE注意点

    Vue.js 为 v-on 提供了事件修饰符 .stop .prevent .capture .self .onc...

  • vue事件、指令、钩子

    vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture.self.once:只触发...

  • vue事件、指令、钩子

    vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture.self.once:只触发...

网友评论

      本文标题:vue 事件修饰符 .stop .selft .capture

      本文链接:https://www.haomeiwen.com/subject/adumzhtx.html