vue 没有滚动条还可以滑动 我想把页面沾满固定

在Vue中，如果你希望页面内容能够滚动但不显示滚动条，同时又想让页面占满整个视口，你可以采用以下方法实现：

1. **隐藏滚动条**：在CSS中设置滚动条的样式来隐藏它。例如，在某些浏览器中可以这样设置：

body {
    overflow: auto;
    position: relative;
}

body::-webkit-scrollbar {
    display: none; /* 隐藏Webkit滚动条 */
}

/* 对于非Webkit浏览器，如Firefox */
body {
    scrollbar-width: none; /* Firefox */
    scrollbar-color: transparent transparent; /* Firefox */
}

2. **自定义滚动条**：如果你不想隐藏滚动条，而是想让它看起来与页面融为一体，可以自定义滚动条的样式。这通常包括调整滚动条轨道和滑块的样式。

3. **固定页面占满视口**：要使页面内容占满整个视口而不滚动，你可以设置HTML和body的高度为100%：

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

然后，对于需要滚动的内容，可以包裹在一个`div`中，并为其设置固定的`height`和`overflow`属性：

.content-wrapper {
    height: 100%;
    overflow: auto;
}

在Vue组件中，你可以这样组织你的模板：

<template>
  <div class="content-wrapper">
    <!-- 页面内容 -->
  </div>
</template>

确保你的`.content-wrapper`类有足够的内容或高度，以便可以滚动。

需要注意的是，如果你希望内容真的不滚动，而是占满整个视口，你可能需要去掉`overflow: auto;`这个属性，确保没有滚动条出现。