如何根据 Vuetify 中的屏幕大小更改按钮的位置

Question

我正在寻找一种方法来根据使用 Vuetify 的屏幕尺寸来更改按钮的位置，该按钮应该位于右下角。

这是按钮在大屏幕上的位置

这是较小屏幕上的位置

Answer 1

就像第一个答案所说，你必须使用断点。这是一个例子。

<v-flex xs12 md6 class="text-xs-right">
    <v-btn :block="$vuetify.breakpoint.xsOnly" flat>Cancel</v-btn>
    <v-btn :block="$vuetify.breakpoint.xsOnly" color="primary" @click="onSave()">Save</v-btn>
</v-flex>