更新记录

1.0.2（2025-12-12）

修复已知问题

1.0.1（2025-12-12）

提交示例代码

1.0.0（2025-12-12）

插件上传

平台兼容性

uni-app(4.0)

csr-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等， 请确保项目中已包含上述组件。

注意：插件示例为uniapp项目，由于官方插件市场原因，uniapp项目中使用需要导入插件源码。可通过插件市场导入，或联系作者提供插件源码。

插件演示

代码使用说明:

 <template>
    <view class="content">
        <csr-ng-form ref="formBuild" :models="formData" :formTemplate="formTemplate" :disabled="false" :preview="false" />
        <view style="padding: 10px;">
            <button type="primary" @click="formSubmit">提交</button>
        </view>
    </view>
</template>

<script>
    import formJson from './form.json'
    // import formJson from './form2.json'
    export default {

        data() {
            return {
                formCode: '',
                id: '',
                formData: {

                }, // 表单数据 从后台获取
                formTemplate: formJson // 模板数据，从后台获取

            }
        },
        onLoad() {

        },
        methods: {
            formSubmit() {
                const this_ = this
                this.$refs.formBuild.validate().then(valid => {
                    console.log('valid', valid)
                    if (valid) {
                        const fdata = this_.$refs.formBuild.getData()
                        console.log('数据', fdata)
                    }
                })
            }
        }
    }
</script>

属性说明