vue 全局设置隐藏滚动条，在某个分页中放开滚动条

在Vue.js中，如果你想全局禁用滚动条，可以利用Vue的生命周期钩子`mounted`或者全局CSS来实现这个功能。但是通常我们不会完全禁止滚动条，而是选择在需要的时候显示它。例如，在分页组件中，你可以通过判断当前页面是否为最后一页来控制滚动条的显示。

1. 使用CSS全局隐藏滚动条（适用于所有页面）：

<style>
body {
  overflow-y: hidden; /* 隐藏默认滚动条 */
}
</style>

然后在需要滚动的分页组件中，可以添加一个自定义样式来开启滚动：

<template>
  <div ref="scrollableArea" :class="{ 'show-scrollbar': isLastPage }">
    <!-- 分页内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      isLastPage: false,
      // ...其他数据
    };
  },
  computed: {
    // 确定是否为最后一页的计算属性
    isLastPageComputed() {
      return this.currentPage === this.totalPages;
    }
  },
  mounted() {
    this.isLastPage = this.isLastPageComputed;
  }
};
</script>

<style scoped>
.show-scrollbar {
  overflow-y: auto; /* 当isLastPage为false时显示滚动条 */
}
</style>

在这个例子中，当`isLastPage`为`true`时，滚动条将被隐藏；当不是最后一页时，滚动条才会出现。