vue阻止冒泡和默认事件

您所在的位置:网站首页 vue取消默认事件 vue阻止冒泡和默认事件

vue阻止冒泡和默认事件

#vue阻止冒泡和默认事件| 来源: 网络整理| 查看: 265

vue

冒泡:父级和子级有同样事件的时候,触发子级的事件,会把父级同样的事件也触发。

阻止冒泡:v-on:事件类型.stop

当点击p或者span时候都会提示点击了p,当span添加了v-on:click.stop="span()后,点击span区域不会触及到父级。

            

                这是span             

   

 new Vue({                     el: '#app',                 methods: {                     p () {                         console.log('点击了p')                     },                     span () {                         console.log('点击了span')                     }                 }     })

默认行为:a标签的跳转就是默认事件/表单提交也是

阻止默认行为: v-on:click.prevent < a   v-on:click.prevent   href="https://www.baidu.com/" >baidu< /a >

原生js


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3