uniapp阻止点击事件向下传播
时间: 2023-11-18 14:02:54 浏览: 238
UniApp中阻止点击事件向下传播可以使用@click.stop或@tap.stop事件修饰符。例如,当点击内部按钮时,可以使用@click.stop修饰符来阻止事件冒泡,从而不会触发外部按钮的点击事件。示例如下:
```html
<template>
<view @click="outerClick">
<view @click.stop="innerClick">
<button>内部按钮</button>
</view>
<button>外部按钮</button>
</view>
</template>
<script>
export default {
methods: {
innerClick() {
console.log('内部按钮被点击')
},
outerClick() {
console.log('外部按钮被点击')
}
}
}
</script>
```
在上面的示例中,当点击内部按钮时,通过@click.stop修饰符阻止了事件冒泡,因此不会触发外部按钮的点击事件。
阅读全文