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

标签 vuejs2 vuetify.js

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

我希望 vuetify 上出现这种形式:

1- 其组件水平放置的表单

2- 这些组件应该只有 3 个选择框,带有提交按钮

3- 有一个表单可以将这些选定的项目发送到页面

这就是我需要你提供 vuetify 代码示例的地方。

最后,我应该有一个表单,其中包含 3 个选择框,其中填充了它们的选项,并提交将结果转发到 vue。

最佳答案

对于单选按钮,您可以像这样在单选组上设置 row 属性:

<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

关于vuejs2 - 如何使用 Vuetifyjs 水平对齐表单组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47670321/

相关文章:

javascript - Vue.js 命名为 javascript 钩子(Hook)

firebase - .orderByChild() 不适用于 Firebase (vue.js)

vue.js - 使用子菜单验证抽屉导航

vue.js - 在 v-select 中更改芯片的样式和颜色

javascript - 如何捕获 Vue.JS SPA 中抛出的所有错误

javascript - 使用 Vue Js 根据输入使文本可编辑/只读

vue.js - 无法将 tailwind headless ui 与 vue 2 一起使用。对象(...)不是函数

javascript - 如何将变量值从组件一发送到组件二? (vue.js 2)

javascript - 如何从 v-btn-toggle 获取所选按钮的值?

javascript - 如何创建动态表单vuejs vuetify?