移动端 vue 两个叠在一起的div 怎么防止点击穿透

可以尝试以下两种方法来防止移动端点击穿透：

1. 使用 CSS 属性 pointer-events: none; 将下面的 div 设置为不可点击，这样点击事件就不会穿透到下面的 div：

<div class="wrapper">
  <div class="top-div"></div>
  <div class="bottom-div" style="pointer-events: none;"></div>
</div>

2. 使用 JavaScript 在上面的 div 上添加 touchstart 事件，阻止 touch 事件的传递：

<div class="wrapper">
  <div class="top-div" @touchstart.prevent></div>
  <div class="bottom-div"></div>
</div>

其中 @touchstart.prevent 可以在 Vue 中使用，它会阻止 touchstart 事件的默认行为和传递。