vue.js - 修改 v-tab Vuetify 中上一个/下一个箭头的行为

Question

我正在使用 Vuetify v-tabs 列出一周中的天数：

<v-tabs
    v-model="tab"
    background-color="theme"
    center-active
    icons-and-text
    show-arrows
    grow
    dark
>
    <v-tabs-slider color="primary"></v-tabs-slider>
    <v-tab v-for="item in week" :key="item.id">
            <div>{{item.date}}</div>
            <div>{{item.day}}</div>
    </v-tab>
</v-tabs>

结果目前是这样的：

问题是箭头仅在选项卡滑块显示过载时出现（在移动设备上显示时），但在桌面上查看时不存在。

我想做的是：

1. 无论屏幕大小如何，始终显示箭头。
2. 修改箭头的行为，而不是在选项卡项之间切换，以更改显示周。

关于如何实施的替代方案的任何想法？

谢谢。

标签： vue.jsvuetify.jsvuetify-tabs