xaboy / form-create

:fire::fire::fire: 强大的低代码动态表单组件,通过数据驱动表单渲染,适配移动端,支持可视化设计。提高开发者对表单的开发效率。目前在政务系统、OA系统、ERP系统、电商系统、流程管理等系统中已稳定应用。
https://www.form-create.com/
MIT License
5.97k stars 960 forks source link

v3版本修改 v-model 为 v-model:api 问题 #712

Closed xlndb closed 2 months ago

xlndb commented 2 months ago

我使用的版本是"@form-create/element-ui": "^3.2.0"

在官网文档中说明v3版本修改 v-model 为 v-model:api

这是部分代码

<script setup lang="ts">
const fc = reactive({
  fApi: {},
  options: {
    onSubmit: (formData) => {
      console.log(formData)
    },
    resetBtn: true
  },
  rule: [
    {
      type: 'input',
      field: 'goods_name',
      title: '商品名称',
      value: 'form-create'
    },
    {
      type: 'checkbox',
      field: 'label',
      title: '标签',
      value: [0, 1, 2, 3],
      options: [
        {label: '好用', value: 0},
        {label: '快速', value: 1},
        {label: '高效', value: 2},
        {label: '全能', value: 3},
      ]
    }
  ]
})
<template>
  <el-dialog v-model="model">
    <form-create :rule="fc.rule" v-model:api="fc.fApi" :option="fc.options"/>
    {{ fc.fApi }}
  </el-dialog>
</template>
</script>

当使用v-model:api="fc.fApi" 时,标签多选字段无法修改,并且报以下错误 image

修改为v-model="fc.fApi" 时,可以正常使用,想问一下是文档问题还是什么原因