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'

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

vuejs形式生成器中的多列字段布局

1 个答案: