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

Question

基本上 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 生成每行具有多个字段的多列视图？

Answer 1

因此，您可以在字段 styleClasses:'col-md-6'

的对象中添加一个 bootstrap class

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