uniapp点击穿透

uniapp中的点击穿透问题可以通过以下两种方式解决：

1.在最外层的view上添加如下代码：

<view class="" @touchmove.stop.prevent="stopPenetrate"></view>

在对应的js文件中添加stopPenetrate函数：

stopPenetrate() {
  return;
},

2.使用mescroll-body组件，该组件可以解决uniapp中的点击穿透问题。具体使用方法如下：

<mescroll-body :down="downOption" :up="upOption" @scroll="scroll" @scrollbottom="scrollBottom" @scrolltop="scrollTop">
  <!-- 内容区域 -->
</mescroll-body>

需要注意的是，使用mescroll-body组件需要先安装mescroll-uni插件。

相关问题

uniapp点击事件穿透

在 UniApp 中，点击事件默认是不会穿透的，也就是说，当一个组件接收到点击事件时，其他位于该组件下方的组件不会同时接收到点击事件。

如果你想让点击事件穿透到下方的组件，可以使用 `catchtap` 属性。将需要穿透的组件上的点击事件改为 `catchtap`，并将上层组件的点击事件改为 `bindtap`。这样，当下层组件触发点击事件时，会优先触发它自己的事件，然后再触发上层组件的事件。

例如，如果下层组件是一个 `<view>` 元素，你可以将其改为：

<view catchtap="onTapDown">
  <!-- 内容 -->
</view>

上层组件的点击事件保持不变：

<view bindtap="onTapUp">
  <!-- 内容 -->
</view>

这样，当你点击下层组件时，会先触发 `onTapDown` 方法，然后再触发 `onTapUp` 方法。

希望对你有所帮助！如果有更多问题，请继续提问。

uniapp如何穿透

UniApp是一种基于Vue.js的跨平台开发框架，可以用于同时开发iOS、Android和Web应用。在UniApp中，穿透是指在组件上层的点击事件可以透过组件传递到下层的组件上。实现穿透的方式有两种：

1. 通过事件修饰符：在组件上绑定@click.stop修饰符，可以阻止点击事件冒泡，使得点击事件可以穿透到下层的组件上。

示例代码：

<template>
  <div @click.stop="handleClick">
    <child-component></child-component>
  </div>
</template>

<script>
import childComponent from './child-component.vue';

export default {
  components: {
    childComponent
  },
  methods: {
    handleClick() {
      console.log('点击了父组件');
    }
  }
}
</script>

2. 使用原生事件：通过在组件上绑定原生的事件，可以使得点击事件可以穿透到下层的组件上。

示例代码：

<template>
  <div @click.native.stop="handleClick">
    <child-component></child-component>
  </div>
</template>

<script>
import childComponent from './child-component.vue';

export default {
  components: {
    childComponent
  },
  methods: {
    handleClick() {
      console.log('点击了父组件');
    }
  }
}
</script>

以上是实现UniApp中组件穿透的两种方式。你可以根据具体的需求选择适合的方式来实现组件穿透。