uni-app scroll-view 實現滑動菜單

<scroll-view class="monthDescTab" scroll-x="true" @scroll="scroll" scroll-left="0">
    <view
        v-for="(month, index) in dataArrMonth"
        class="beforeMonth"
        :class="beforeMonthActive == index ? 'active' : ''"
        @click="toMonth(month, index)"
        :key="month"
        v-show="monthTitleShow"
    >
        {{ month }}月
    </view>
</scroll-view>
<style>
.monthDescTab {
    width: 100%;
    /*
    * 文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標籤爲止。 
    * 只有加入這句話white-space: nowrap; scroll-view組件纔可以滑動（此處爲橫向滑動）
    */
    white-space: nowrap;
    font-size: 30upx;
    height: 50upx;
    line-height: 50upx;
    color: #e8e8e5;
}
</style>