unniapp阻止事件冒泡

在uniapp中，可以使用`@click.stop`来阻止事件冒泡。但是有时候可能会发现`@click.stop`并没有生效，这可能是因为事件绑定的位置不正确导致的。确保`@click.stop`是在需要阻止冒泡的元素上正确绑定的。

以下是一个示例代码，演示了如何在uniapp中阻止事件冒泡：

<template>
  <view @click.stop="handleClick">
    <button @click="handleButtonClick">按钮</button>
  </view>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('父节点点击事件');
    },
    handleButtonClick(event) {
      event.stopPropagation();
      console.log('子节点点击事件');
    }
  }
}
</script>

在上面的代码中，`@click.stop`被绑定在父节点上，用于阻止事件冒泡。而在子节点的点击事件处理函数中，使用`event.stopPropagation()`来阻止事件继续向上冒泡。

这样，当点击按钮时，只会触发子节点的点击事件，而不会触发父节点的点击事件。