<div class="messageList">
<el-scrollbar style="height: 450px;"> <!-- 滚动条 -->
<div class="messageBody" v-for="(item,index) in messageList" :key="index">
<span class="username">{{item.name}}</span>
<span class="text">{{item.message}}</span>
</div>
</el-scrollbar>
</div>
.messageList{
height: 60%;
/deep/.el-scrollbar__wrap
{
overflow-x: hidden;
}
}
注意,最外层要用父盒子包裹