uniapp阻止冒泡
时间: 2023-08-11 11:04:52 浏览: 119
阻止滚动条事件冒泡
4星 · 用户满意度95%
在 UniApp 中,可以使用 `@stop` 修饰符来阻止事件冒泡。当在组件上使用 `@stop` 修饰符时,它会阻止事件从子组件冒泡到父组件。例如,在一个按钮的点击事件中使用 `@click.stop` 修饰符,可以阻止点击事件向上层组件传递。
具体示例代码如下:
```html
<template>
<div>
<button @click.stop="handleClick">点击按钮</button>
</div>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('按钮被点击了');
}
}
}
</script>
```
在上面的示例中,当点击按钮时,只会触发按钮自身的点击事件,不会触发外层容器的点击事件。
阅读全文