1. 在<router-view />这里标签包住
<!-- 右边内容 -->
<div class="content_container">
<router-view></router-view>
</div>
css
// 右边内容
.content_container {
position: absolute;
top: 70px;
left: 250px;
right: 0;
bottom: 0;
overflow-y: auto;
}
关于css这样写的解释
2. 出现双滚动条
解决方式
在app.vue文件
代码
#app {
height: 100%;
overflow: hidden;
}
完美解决