Я использую mdc-tab-scroller в своем приложении vue.js. Я хочу иметь поведение прокрутки, как в здесь в разделе «вкладки прокрутки». Пробовал разные подходы, но не знаю, как заставить его работать. Это мой первый опыт работы с 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>