vue.js - 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' 的对象中添加引导类

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