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中组件穿透的两种方式。你可以根据具体的需求选择适合的方式来实现组件穿透。