element-ui 滚动条el-scrollbar隐藏横向滚动的方法!

  <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; 
                     }
}

注意,最外层要用父盒子包裹