Question

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

我希望这种形式在vuetify：

1-一个水平组件的表格

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

3-具有将所选项目发送到页面的表单

这就是我需要你的vuetify代码示例。

最后，我应该有一个表格，其中有3个选择框填充了他们的选项，并且提交将结果转发给vue。

Answer 1

您可以使用vuetify

提供的网格布局来实现此目的

Time= 12:40:41, value = 1, data=2, data2=4,timeEnter=12:34:34
Time= 12:40:41, value = 2, data=2, data2=4,timeEnter=12:34:34
Time= 12:40:41, value = 3, data=2, data2=4,timeEnter=12:34:34
Time= 12:40:41, value = 4, data=2, data2=4,timeEnter=12:34:34
Time= 12:40:41, value = 123456, data=2, data2=4,timeEnter=12:34:34
Time= 12:40:41, value = 123457, data=2, data2=4,timeEnter=12:34:34
Time= 12:40:41, value = 123458, data=2, data2=4,timeEnter=12:34:34
Time= 12:40:41, value = 123459, data=2, data2=4,timeEnter=12:34:34

这是工作fiddle

Answer 2

对于单选按钮，您可以像这样设置单选组的 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

如何使用Vuetifyjs

2 个答案: