Vue 3 - 无法滚动。浏览器没有滚动条

Question

我创建了几个 v-for 循环，一些 div 比我的屏幕大。但是 Firefox 或 Chrome 上没有滚动条。所以他们切掉了我的 div，我只能看到 div 的一部分。

我在 Vue 上错过了什么吗？

Lot of Data but no scrollbar

Lot of data is fetched and stored in items

    <template>
  <div class="ChildAddItem">
      <div>Searchbar placeholder</div>
         <div class="ItemChoiche" v-for="(item, index) in items" :key="index">
          <table>
            <tr>
              <td>{{item}}</td>
            </tr>

          </table>
        <p v-if="item == null">Null</p>
        
      <p>test</p>
      </div>
  </div>
</template>

<script>
export default {
 data: () => ({
    openItemsearch: false,
    groupid: '',
    playerid: '',
    items: []    
    }),
mounted() {
   this.$axios.get("getallData").then((response) => (this.items = response.data));
   this.groupid = this.$route.params.group;
   this.playerid = this.$route.params.player;
  },
}
</script>

<style>

</style>

Answer 1

通过移除位置解决：固定在导航栏css中