0

我在我的 vue.js 应用程序中使用 mdc-tab-scroller。我希望在“滚动选项卡”部分下具有滚动行为。尝试了不同的方法,但不知道如何使其工作。这是我对 vue.js 和材料设计组件的第一次体验,所以我真的不知道我是否走在正确的实现道路上。

    <div class="mdc-tab-scroller">
        <div class="mdc-tab-scroller__scroll-area">
            <div class="mdc-tab-scroller__scroll-content">
                <mdc-tab-bar>
                    <mdc-tab :to="{ path: getTab1() }" >Tab1</mdc-tab>
                    <mdc-tab :to="{ path: getTab2() }" >Tab2</mdc-tab>
                    <mdc-tab :to="{ path: getTab3() }" >Tab3</mdc-tab>
                    <mdc-tab :to="{ path: getTab4() }" >Tab4</mdc-tab>
                    <mdc-tab :to="{ path: getTab5() }" >Tab5</mdc-tab>
                    <mdc-tab :to="{ path: getTab6() }" >Tab6</mdc-tab>
                </mdc-tab-bar> 
            </div>
        </div>
    </div>  
4

0 回答 0