如何使用 Vuetifyjs 水平对齐表单组件

Question

我正在学习 vuetifyjs vuejs2，我很难编写通过 vuetify 执行以下操作的代码：

I expect this kind of form on vuetify:

1- a form having its components horizontally

2- these components should only be 3 select boxes, with the submit button

3- having a form which send those selected items to a page

that is where I need your with examples of code on vuetify.

At the end, I should have a form having 3 select boxes filled with their options, with a submit forwarding the result to a vue.

Answer 1

对于单选按钮，您可以像这样在单选组上设置行属性：

<v-radio-group row v-model="radioValue">
    <v-radio value="0" :label="Value 0"></v-radio>
    <v-radio value="1" :label="Value 1"></v-radio>
    <v-radio value="2" :label="Value 2"></v-radio>
</v-radio-group>

如此处的文档所示--> https://vuetifyjs.com/en/components/selection-controls#api