在线示例

以下是 from-create 的功能演示和参考案例

简单示例

::: demo

  1. <template>
  2.     <form-create :rule="rule" v-model="fApi" :option="options"/>
  3. </template>
  5. <script>
  6.     export default {
  7.         data(){
  8.             return {
  9.                 fApi:{},
  10.                 options:{
  11.                     onSubmit:(formData)=>{
  12.                         alert(JSON.stringify(formData));
  13.                     },
  14.                     resetBtn:true
  15.                 },
  16.                 rule:[
  17.                     {
  18.                         type:'input',
  19.                         field:'goods_name',
  20.                         title:'商品名称'
  21.                     },
  22.                     {
  23.                         type:'checkbox',
  24.                         field:'label',
  25.                         title:'标签',
  26.                         options: [
  27.                             {label:'好用',value:0},
  28.                             {label:'快速',value:1},
  29.                             {label:'高效',value:2},
  30.                             {label:'全能',value:3},
  31.                         ]
  32.                     },
  33.                 ]
  34.             }
  36.         }
  37.     }
  38. </script>

:::

组件示例

功能示例

案例