更新记录

1.0.4（2024-10-11） 下载此版本

增加栅格布局表单元素展示（注意完善表单元素标签，移动端以标签展示） 调整表格布局表单元素展示（注意完善表单元素标签，移动端以标签展示）

1.0.3（2024-09-16） 下载此版本

重新上传示例

1.0.2（2024-09-13） 下载此版本

增加rate组件

平台兼容性

uni-app

其他

ng-form

说明

        基于PC端的NG-FORM进行移动端的使用，NG-FORM官网http://www.ng-form.cn/。本插件使用了uniapp提供的基础组件和扩展组件：uni-collapse、uni-data-checkbox、uni-data-picker、uni-data-select、uni-datetime-picker、uni-easyinput、uni-forms、uni-group、uni-number-box、uni-popup、uni-rate等，请确保项目中已包含上述组件。

插件使用

<template>
    <view>
        <ng-form ref="dynamicForm" :dynamicFormData="formArr" :info="info" :readonly="readonly" @saveFrom="saveFrom" @submitFrom="submitFrom"></ng-form>
    </view>
</template>
<script>

    export default {
        data() {
            return {
                tempdata:{},
                readonly:false,
                info:[],
                formArr:[],
                form:{},
            }
        },
        onLoad(e) {
            var modelData={};//ng-form表单配置原始数据
            this.formDataConvert(modelData);

        },
        methods: {
            saveFrom(val){
                //不进行表单验证
                console.log('表单保存数据',val);

            },
            // 表单提交事件
            submitFrom(val){
                //表单验证通过后提交
                console.log('表单提交数据',val)

            },

            formDataConvert(modelData){
                //表单配置数据转换(下载示例获取转换代码)
            }

        }
    }
</script>

<style  lang="scss">
    .button-group {
        margin-top: 15px;
        display: flex;
        justify-content: space-around;
    }
</style>