Javascript 使用VueJS和Vuetify如何在v-flex中垂直和水平居中放置v型开关？

当元素在一行中定向时，我似乎无法将

v-flex

内的

v-switch

组件居中

感觉好像我已经尝试了文档页面上所有有文档记录的

v-container

、

v-layout

、和

v-flex

道具，但似乎什么都没有完成（即

justify center

、

text xs center

等）

我曾尝试过类似问题的解决方案，但都没有效果

newvue({
el:“#应用程序”，
数据（）{
返回{
已启用：false
}
}
})

内容
内容

通过使用带对齐和居中对齐的嵌套布局，您应该可以获得所需的效果。

---

通过使用带对齐和居中对齐的嵌套布局，您应该可以获得所需的效果。

我找到的解决方案是使用一个面向列的

v-layout

，将

居中对齐

缠绕在

v-switch

组件上

newvue({
el:“#应用程序”，
数据（）{
返回{
已启用：false
}
}
})

内容
内容

我找到的解决方案是使用一个面向列的

v-layout

，将

align center

缠绕在

v-switch

组件上

newvue({
el:“#应用程序”，
数据（）{
返回{
已启用：false
}
}
})

内容
内容

似乎没有达到预期效果。我错过什么了吗？似乎没有预期的效果。我错过什么了吗？

<v-flex xs4>
    <v-layout justify-center align-center>
         <v-switch prepend-icon="cloud" v-model="enabled"></v-switch>
    </v-layout>
</v-flex>