Компоновка полей с несколькими столбцами в генераторе форм vuejs

По сути, Vuejs vue-form-generator создает макет формы в виде одного столбца с одним полем в строке.

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

Вот пример jsfiddle, например: /а>

Как с помощью vue-form-generator создать многостолбцовое представление с несколькими полями в строке?


vue.js vuejs2 bootstrap-4 vue-component vue-directives
person user2423706    schedule 16.04.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Итак, вы можете добавить класс начальной загрузки в объект полей styleClasses:'col-md-6'

fields: [{
            type: "text",
            label: "ID",
            model: "id",
            readonly: true,
            featured: false,
            disabled: true,
            styleClasses:'col-md-6'
        }]
person Dmitriy Panov    schedule 16.04.2018
comment
Я уже пробовал styleClasses: 'col-md-6', но безуспешно, есть другие мысли? - person user2423706; 17.04.2018
comment
@ user2423706 вы можете добавить свой собственный класс, см. пример jsfiddle.net/76of8ucs - person Dmitriy Panov; 17.04.2018