我在我的 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>