vue.js - Vuetify 带文本的垂直分隔线

Question

我希望使用 vuetify 添加垂直分隔线以及其间的文本。我找到了这个link这是添加带有文本的水平分隔线。我尝试将代码修改为 <v-row align="center"> <v-divider vertical></v-divider>yeah<v-divider vertical></v-divider> </v-row>但无法得到想要的结果。任何帮助，将不胜感激。 期望的结果

    |
   yeah
    |

Answer 1

你可以这样做，如下所示:

<v-row wrap no-gutters>
    <v-col cols="12" class="text-center">
        <v-divider vertical />
    </v-col>
    <v-col cols="12" class="text-center"> some </v-col>
    <v-col cols="12" class="text-center">
        <v-divider vertical />
    </v-col>
</v-row>