VUE学习——事件修饰符
阻止默认事件
<template>
<a @click="onClickHandle" href="https://www.baidu.com">baidu</a>
<a @click.prevent="onClickHandle" href="https://www.baidu.com">baidu</a>
</template>
<script>
export default{
data(){
return{
}
},
methods: {
onClickHandle(e){
e.preventDefault();
}
}
}
</script>
其中e.preventDefault();，和@click.prevent作用一样。
阻止冒泡事件
父级和子级相互嵌套时，只触发子级，而不触发父级。
.stop
VUE官方文档