如果要隐藏项目中的所有页面的滚动条，则在 main.css 中添加：

body, html {margin: 0 !important; /* 去除默认边距，优化显示效果 */padding: 0 !important; /* 去除默认边距，优化显示效果 */scrollbar-width: none; /* 隐藏滚动条 */
}

如果只想隐藏某个页面的滚动条，则在需要隐藏滚动条的页面的 js 代码部分添加：

mounted() {// 隐藏滚动条this.hideScroll();
},
unmounted() {// 恢复滚动条this.showScroll();
},
methods: {hideScroll() {// 隐藏滚动条document.documentElement.style.scrollbarWidth = 'none';},showScroll() {// 显示滚动条document.documentElement.style.scrollbarWidth = 'auto';}
}

为了优化显示效果，可以在 main.css 中添加 ：

body, html {margin: 0 !important; /* 去除默认边距，优化显示效果 */padding: 0 !important; /* 去除默认边距，优化显示效果 */
}