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

我正在寻找一种方法来改变按钮的位置，这取决于使用Vuetify的屏幕大小，按钮应该位于右下角

您可以使用“断点”，这将允许您根据视口大小应用特定属性

export default { computed: { position () { switch (this.$vuetify.breakpoint.name) { case 'xs': return 'your position' case 'sm': return 'your position' case 'md': return 'your position' case 'lg': return 'your position' case 'xl': return 'your position' } } } } 导出默认值{ 计算：{ 位置（）{ 开关（此.$vuetify.breakpoint.name）{ 案例“xs”：返回“您的位置” 案例“sm”：返回“您的职位” 案例“md”：返回“您的位置” 案例“lg”：返回“您的职位” 案例“xl”：返回“您的职位” } } } }

---

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

<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>

取消
拯救

如果不查看您的代码，几乎不可能看到那里发生了什么。你能用密码笔或别的什么复制它吗？