通过设置插槽名称为 type-${rule.type},可以根据组件的类型来生成插槽。此方法适用于需要根据组件类型动态插入内容的场景。 formData:{ "num": 100 } 自定义插槽: 提交通过field生成组件 通过设置插槽名称为 field-${rule.field},可以根据组件的字段名称来生成插槽。这使得你可以针对特定字段进行插槽内容的...
通过slot和children配置项的组合实现设置组件的插槽# 默认插槽设置组件的默认插槽方式1 方式2 <template> <div> <form-create :rule="rule" v-model="fApi" :option="options"/> </div> </template> <script> export default { data(){ return { fApi:{}, options:{ onSubmit:(formData)=>{ alert(JSON...
插槽 提交 <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', field: 'slot', ...
}</script> 4. 通过插槽生成组件 <template><div><form-create:rule="rule"v-model:api="fApi":option="options"v-model="value"></form-create></div></template><script>exportdefault{ data() {return{ fApi: {}, value: {}, options: { onSubmit: (formData)=>{ alert(JSON.stringify(formData)...
说明: 设置父级组件的插槽,默认为default.可配合slot配置项使用 示例1 formCreate.maker.create('button').children(['按钮内容']); 示例2 maker.input('text','text','text').children([ maker.create('span').children(['append']).slot('append') ...
说明: 设置父级组件的插槽,默认为default.可配合 slot 配置项使用 示例1 formCreate.maker.create('button').children([ '按钮内容' ]); 示例2 maker.input('text','text','text').children([ maker.create('span').children(['append']).slot('append') ]) 示例3 formCreate.maker.create('i-row...
form-create 下拉框插槽 { lable:'', value:'', slot:function( h('dev',{style:''},['31232']) } }
2. 增加插槽组件,开发者可在表单中插入自定义内容,例如自定义的 HTML、Vue 组件等。 极大地提升了表单设计的灵活性,开发者可以自由地扩展表单的功能和样式,当需要在表单中嵌入一些特殊的功能,例如地图、图表、自定义的交互组件等,插槽组件可以完美地解决这个问题。
{ lable:'',value:'',slot:function( h('dev',{style:''},['31232'])} }
类型:Array 说明: 设置radio,select,checkbox等组件option选择项 col 类型:Object 说明: 设置组件的布局规则 control 类型:Object 说明: 控制其他组件显示 children 类型:Array<rule|string|maker> 说明: 设置父级组件的插槽,默认为default.可配合slot配置项使用...