700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue和原生js的冒泡/阻止冒泡 默认事件/阻止默认事件

vue和原生js的冒泡/阻止冒泡 默认事件/阻止默认事件

时间:2018-12-29 21:31:25

相关推荐

vue和原生js的冒泡/阻止冒泡 默认事件/阻止默认事件

vue

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

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

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

<div id="app">

<p @click="p">

<span @click.stop="span">这是span</span>

</p>

</div>

methods: {

p () {

console.log('点击了p')

},

span () {

console.log('点击了span')

}

}

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

阻止默认行为:@click.prevent

< a @click.prevent href="/" >baidu< /a >

原生js

事件冒泡:html元素是嵌套结构,在触发内层元素的事件时,外部事件也会被由内到外触发,这种现象叫做事件冒泡阻止冒泡事件: e.stopPropagation()默认事件: a标签的跳转事件就是默认事件阻止默认事件: e.preventDefault()

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。