fix plugin form

This commit is contained in:
jxxghp
2023-07-24 12:38:32 +08:00
parent 74aca36e71
commit 7f77e181d7
3 changed files with 29 additions and 8 deletions

View File

@@ -11,18 +11,28 @@ interface RenderProps {
// 输入参数
const elementProps = defineProps({
config: Object as PropType<RenderProps>,
form: Object as PropType<any>,
})
// 配置表单
// 配置元素
const formItem = ref<RenderProps>(elementProps.config || {
component: 'div',
props: {},
content: [],
})
// 配置数据
const formData = ref<any>(elementProps.form || {})
</script>
<template>
<Component :is="formItem.component" v-bind="formItem.props">
<FormRender v-for="(innerItem, innerIndex) in (formItem.content || [])" :key="innerIndex" :config="innerItem" />
<Component :is="formItem.component" v-bind="formItem.props" v-model="formData[formItem.props?.model || '']">
<FormRender
v-for="(innerItem, innerIndex) in (formItem.content || [])"
:key="innerIndex"
v-model="formData[innerItem.props?.model || '']"
:config="innerItem"
:form="formData"
/>
</Component>
</template>