lljj-x / vue-json-schema-form

基于Vue/Vue3,Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单,用于活动编辑器、h5编辑器、cms等数据配置;支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi
https://form.lljj.me/
Apache License 2.0
2.01k stars 418 forks source link

Inline props not working #343

Open BossHogg97 opened 5 months ago

BossHogg97 commented 5 months ago

Hi, i'm working with vue3 and Naive UI. I'm not able to find a way to display the form inline.

I've already setted the form props object:

const formSetting = {
  props: {
    inline: true,
    labelPosition: 'left',
    isMiniDes: true
  },
  ...
}

The above object is passed as prop to vue json schema form

<script setup lang="ts">
import magicFormSettings from '~/src/settings/magicForm'

const formProps = magicFormSettings.props

</script>
<template>
....
<VueForm
        v-model="modelFilter"
        :form-props="formProps"
        :form-footer="formFooter"
        :schema="schema"
        :ui-schema="schemaUI"
        @form-mounted="doFilterFormMounted"
        @change="doDataChange"
      />
....
</template>

Any help? Thanks