Element-ui的el-scrollbar組件重置高度方法

最近公司項目遇到個需求，須要美化瀏覽器的滾動條，因此用到了element組件庫的el-scrollbar組件。vue-router 切換頁面時由於 el-scrollbar組件包裹着router-view，因此頁面切換時滾動條不會置頂。

但尷尬的是，餓了麼官方沒有給出el-scrollbar組件的api文檔，因此只能本身動手查看源碼。

廢話很少說，直接上最終解決方案：

<el-scrollbar class="main-area" ref="myScrollbar">
      <div class="main-box">
        <div class="scroll-wrap">
          <router-view></router-view>
        </div>
      </div>
 </el-scrollbar>
複製代碼

mounted() {
  	//使用vue的bus 可經過 this.$emit('resetScroll'); 進行調用
    this.$on('resetScroll', () => {
      if (this.$refs.myScrollbar) {
        this.$refs.myScrollbar.wrap.scrollTop = 0;  //這句重置滾動條高度
      }
    });
  },
複製代碼