vue3 页面布局 样式 右侧的滑条到到了页面上了

要在 Vue 3 中实现右侧滑动条，可以使用 CSS 样式中的 `overflow-y: auto;` 属性来实现。这个属性会自动添加滚动条，并且只在内容溢出时才显示。你可以将这个属性添加到你想要滚动的容器中，比如一个 div 元素。

示例代码：

<template>
  <div class="container">
    <!-- 这里是你的页面内容 -->
  </div>
</template>

<style>
.container {
  height: 100%; /* 设置容器高度 */
  overflow-y: auto; /* 添加滑动条 */
}
</style>

这样就可以在右侧添加一个滑动条，并使页面内容可以滚动了。如果你需要更多的样式控制，可以使用 CSS 中的其他属性来自定义滚动条的外观和行为。