通过设置插槽名称为 type-${rule.type},可以根据组件的类型来生成插槽。此方法适用于需要根据组件类型动态插入内容的场景。 formData:{ "num": 100 } 自定义插槽: 提交通过field生成组件 通过设置插槽名称为 field-${rule.field},可以根据组件的字段名称来生成插槽。这使得你可以针对特定字段进行插槽内容的...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
当输入 append时追加插槽插槽 提交 <template> <div> <form-create :rule="rule" v-model="fApi" :option="options"/> </div> </template> <script> export default { data(){ return { fApi:{}, options:{ onSubmit:(formData)=>{ alert(JSON.stringify(formData)) } }, rule:[ { type:'input...
<template><div><form-create:rule="rule"v-model:api="fApi":option="options"v-model="value"></form-create></div></template><script>import {h, defineComponent, resolveComponent} from'vue'import formCrate from'@form-create/ant-design-vue'import formCreate from"@form-create/ant-design-vue";...
很多开发者喜欢使用暗黑主题的 IDE 和代码编辑器,FormCreate 的暗黑模式适配,提升开发者在暗黑环境下的使用体验,减少视觉疲劳,更符合现代开发工具的趋势,最重要的是一个字 ——帅。 2. 增加插槽组件,开发者可在表单中插入自定义内容,例如自定义的 HTML、Vue 组件等。
formCreate.maker.create('i-row').children([formCreate.maker.create('i-col').props('span',12).children([formCreate.maker.template('<span>自定义组件</span>',()=>newVue)]),]) 插槽功能说明 #emit 类型:Array 说明: 使用emit方式触发的事件名,可与emitPrefix参数配合 ...
form-create 下拉框插槽 { lable:'', value:'', slot:function( h('dev',{style:''},['31232']) } }
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。如果对您有帮助,…
说明: 设置父级组件的插槽,默认为default.可配合slot配置项使用 示例1 formCreate.maker.create('button').children(['按钮内容']); 示例2 maker.input('text','text','text').children([ maker.create('span').children(['append']).slot('append') ...
{ lable:'',value:'',slot:function( h('dev',{style:''},['31232'])} }