uni-app 不支持动态的阻止冒泡

在 uni-app 中，确实不支持直接通过动态绑定的方式来阻止事件冒泡。uni-app 的事件绑定机制是基于微信小程序的，而微信小程序的事件绑定语法是固定的，不支持在运行时动态改变事件的行为。

阻止事件冒泡的方式

在 uni-app 中，阻止事件冒泡通常是通过在事件处理函数中调用 event.stopPropagation() 方法来实现的。你可以在事件处理函数中根据条件来决定是否阻止事件冒泡。

示例代码

<template>
  <view [@tap](/user/tap)="handleTap">
    <view [@tap](/user/tap)="handleInnerTap">点击我</view>
  </view>
</template>

<script>
export default {
  methods: {
    handleTap(event) {
      console.log('外层点击事件');
    },
    handleInnerTap(event) {
      console.log('内层点击事件');
      if (someCondition) {
        event.stopPropagation(); // 根据条件阻止事件冒泡
      }
    }
  }
}
</script>

动态阻止冒泡的替代方案

如果你需要根据某些条件动态地阻止事件冒泡，可以在事件处理函数中进行判断，并手动调用 event.stopPropagation()。

<template>
  <view [@tap](/user/tap)="handleTap">
    <view [@tap](/user/tap)="handleInnerTap">点击我</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      shouldStopPropagation: false
    };
  },
  methods: {
    handleTap(event) {
      console.log('外层点击事件');
    },
    handleInnerTap(event) {
      console.log('内层点击事件');
      if (this.shouldStopPropagation) {
        event.stopPropagation(); // 根据条件阻止事件冒泡
      }
    }
  }
}
</script>