0.1.0-alpha.2 • Published 2 years ago

@unitechs/vue-form v0.1.0-alpha.2

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

unitechs vueform 渲染引擎

  • 版本0.1.0-alpha.0 更新参数配置,不适合runtime与0.0.6集成

      //main.ts
      import Vue from 'vue'
      import VueForm from '@unitechs/vue-form'
      Vue.use(VueForm)
    
      const {setConfig} = VueForm
    
      setConfig({
        baseUrl:'/public/js'  //指定远程资源地址 
      })
    
      //e.g
      <template>
          <VueFormRender 
              :form="form" //form实例
              :schema="'{}'" //schema描述 
              :values="{}" //表单赋值 在传有_ID 情况下,会去接口拿值
          >
      </template>
      <script>
      import {createForm,createEffectHook} from '@formily/core'
      import {
        defineComponent,
      } from "@vue/composition-api"
      export default defineComponent({
        data(){
          //定义搜索按钮副作用
          const hook = createEffectHook("search", (payload, form) =>(listener)=>
              listener(payload, form)
          );
          const form = createForm({
            effect:()=>{
              hook((_payload,form)=>{
                 //doing
              })
            }
          })
          return{
            form
          }
        }
      })
      </script>