<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      form-create 3.0 版本發布,好用的Vue3版本動態表單生成組件

      form-create 是一個可以通過 JSON 生成具有動態渲染、數據收集、驗證和提交功能的表單生成組件。支持2個UI框架,并且支持生成任何 Vue 組件。內置20種常用表單組件和自定義組件,再復雜的表單都可以輕松搞定。

      文檔 | 源碼 

       

      3.0.0 版本主要更新了以下內容:

      • 適配 vue3

      • 適配 element-plus 和 ant-design-vue3.0

      • 功能于 2.5.12 版本一致

      移除配置項

      • attrs
      • scopedSlots
      • domProps
      • hook
      • nativeOn
      • nativeEmit

      功能調整

      • 修改 validatevalidateFieldsubmit 返回值, 返回Promise
      • 修改 v-model 為 v-model:api
      • 修改 value.sync 為 v-model

      不兼容項

      • 不支持 iview
      • 移除 template 模板方式生成組件
      • 移除 formCreate.init 方法

      支持UI

      • element-plus
      • ant-design-vue

      功能

      • 支持 Vue3 版本

      • 支持2個 UI 框架

      • 通過 JSON 生成表單

      • 自定義組件

        • 可生成任何Vue組件
        • 自帶數據驗證
        • 可快速擴展
        • 輕松轉換為表單組件
      • 全局配置

        • 可以設置表單配置
        • 可以設置指定組件全局配置
        • 可以設置所有組件公共的全局配置
      • 自定義配置項擴展,快速根據業務邏輯擴展

      • 支持組件設置前后綴

      • 支持規則之前聯動更新

      • 強大的API,可快速操作表單

      • 雙向數據綁定

      • 事件擴展,事件注入

      • 局部視圖更新

      • 數據驗證

      • 柵格布局

      • 嵌套對象,數組組件

      • 內置組件

        • hidden
        • input
        • inputNumber
        • checkbox
        • radio
        • switch
        • select
        • autoComplete
        • cascader
        • colorPicker
        • datePicker
        • timePicker
        • rate
        • slider
        • upload
        • tree
        • frame
        • group
        • subForm/object

      圖例

      安裝

      根據自己使用的 UI 安裝對應的版本

      element-plus 版本

       npm i @form-create/element-ui@next 

      ant-design-vue@3.0 版本

       npm i @form-create/ant-design-vue@next 

      快速上手

      本文以element-ui為例

      1. 在 main.js 中寫入以下內容:
      import ElementUI from 'element-plus/es/index'
      import 'element-plus/dist/index.css'
      import formCreate from '@form-create/element-ui'
      
      app.use(ElementUI)
      app.use(FormCreate)

       

      1. 生成表單

      在線示例

      <template>
        <div id="app1">
            <form-create v-model:api="fApi" :rule="rule" :option="option" v-model="value"></form-create>
        </div>
      </template>
      export default {
          data() {
              return {
                  //實例對象
                  fApi: {},
                  //表單數據
                  value: {},
                  //表單生成規則
                  rule: [
                      {
                          type: 'input',
                          field: 'goods_name',
                          title: '商品名稱'
                      },
                      {
                          type: 'datePicker',
                          field: 'created_at',
                          title: '創建時間'
                      }
                  ],
                  //組件參數配置
                  option: {
                      //表單提交事件
                      onSubmit: function (formData) {
                          alert(JSON.stringify(formData))
                      }
                  }
              }
          }
      }

       

      posted @ 2021-11-23 16:47  xaboy  閱讀(4924)  評論(0)    收藏  舉報
      主站蜘蛛池模板: 日韩国产成人精品视频| 欧美日产国产精品日产| 99精品国产中文字幕| 另类专区一区二区三区| 国产专区精品三级免费看| 女人色熟女乱| 人成午夜免费大片| 性姿势真人免费视频放| 国产成人午夜福利精品| 亚洲精品久久久久久久久久吃药| 伊人春色激情综合激情网| 亚洲国产成人自拍视频网| 无码人妻精品一区二区三区蜜桃| 亚洲色一色噜一噜噜噜| 亚洲男人电影天堂无码| 成人无码精品免费视频在线观看| 丰满无码人妻热妇无码区| 亚洲成在人线AⅤ中文字幕| av深夜免费在线观看| 欧美 变态 另类 人妖| 国产色悠悠视频在线观看| 四虎永久在线高清免费看| 黄色特级片一区二区三区| 亚洲A综合一区二区三区| 国产午夜精品一区二区三区不卡| 欧美日韩精品一区二区在线观看| 国产又色又爽又黄的在线观看| 精品亚洲AⅤ无码午夜在线| 中文字幕精品人妻丝袜| 欧美人与动牲交a免费| 精品无人区卡一卡二卡三乱码 | 九九成人免费视频| 国产成人亚洲精品狼色在线| 另类专区一区二区三区| 亚洲第一极品精品无码久久| 国内精品久久久久电影院| 亚洲国产色一区二区三区| 亚洲av无码精品蜜桃| 久久国产乱子精品免费女| 国产偷国产偷亚洲清高| 亚洲国产成人资源在线|