vue中，父级div只实现纵轴滚动，两个子div分别只实现横轴滚动

在Vue中，如果你想要实现这样的效果，可以利用CSS和JavaScript结合的方式来达到。首先，你需要给父级`div`设置`overflow-y`属性使其只允许垂直滚动，然后对两个子`div`进行特定的样式定制。

1. 父级div实现纵轴滚动：

<div class="parent-scroll">
  <div v-for="(child, index) in children" :key="index">
    <child-component :data="childData[index]"></child-component>
  </div>
</div>

.parent-scroll {
  overflow-y: auto;
  /* 可以添加其他必要样式 */
}

2. 子div实现横轴滚动（假设它们是`horizontal-child`组件并包含一个横向滚动的`div`）：

<template>
  <div class="horizontal-scroll">
    <div class="scroll-content">{{ content }}</div>
  </div>
</template>

<style scoped>
.horizontal-scroll {
  white-space: nowrap; /* 防止文本换行 */
}

.scroll-content {
  display: inline-block;
  width: max-content;
  overflow-x: auto;
}
</style>

在这里，`.horizontal-scroll`中的`.scroll-content`会自动水平滚动内容，而`.parent-scroll`则负责垂直滚动。