vuejs表单生成器中的多列字段布局

【问题标题】：Multi column fields layout in vuejs form generatorvuejs表单生成器中的多列字段布局
【发布时间】：2018-09-26 05:18:26
【问题描述】：

基本上 Vuejs vue-form-generator 将表单布局生成为单列视图，每行有一个字段。

<vue-form-generator :schema="schema" :model="model" :options="formOptions"></vue-form-generator>

这里是示例 jsfiddle，例如： https://jsfiddle.net/icebob/0mg1v81e/174/

我们如何使用 vue-form-generator 生成每行有多个字段的多列视图？

【问题讨论】：

标签： vue.js vuejs2 bootstrap-4 vue-component vue-directives

【解决方案1】：

因此，您可以在字段对象中添加引导类 styleClasses:'col-md-6'

fields: [{
            type: "text",
            label: "ID",
            model: "id",
            readonly: true,
            featured: false,
            disabled: true,
            styleClasses:'col-md-6'
        }]

【讨论】：

我已经尝试过styleClasses: 'col-md-6'，但没有任何其他想法？
@user2423706 你可以添加你的自定义类，看一个例子jsfiddle.net/76of8ucs