更新记录

1.0.2（2023-06-08） 下载此版本

增加预览二维码

1.0.1（2023-05-31） 下载此版本

增加license

1.0.0（2023-05-09） 下载此版本

初始发布

平台兼容性

uni-app

liu-dynamic-form适用于uni-app项目的可编辑的动态表单组件

本组件目前兼容微信小程序、H5

本组件可动态添加、删除表单信息，适用于多个电话、地址、网址等表单内容添加，实时获取表单内容，源码简单易修改

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

使用方式

<template>
    <view class="page-form">
        <view class="title">输入框：</view>
        <liu-dynamic-form type="number" maxlength="20" chooseType="1" :list.sync="list1" placeholder="请输入电话号码">
        </liu-dynamic-form>

        <view class="title">类型输入框：</view>
        <liu-dynamic-form type="text" maxlength="100" chooseType="2" :rangeList="rangeList" :list.sync="list2"
            placeholder="请输入交易账户">
        </liu-dynamic-form>

        <view class="title">禁用状态：</view>
        <liu-dynamic-form type="number" :disabled="true" maxlength="20" chooseType="1" :list.sync="list3"
            placeholder="请输入电话号码">
        </liu-dynamic-form>

        <view>输入内容1：{{JSON.stringify(list1)}}</view>
        <view>输入内容2：{{JSON.stringify(list2)}}</view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                rangeList: ['微信小程序', '微信公众号'],
                list1: [{
                    content: ''
                }],
                list2: [{
                    content: ''
                }],
                list3: [{
                    content: ''
                }]
            };
        }
    };
</script>
<style>
    .page-form {
        padding: 28rpx;
    }

    .title {
        line-height: 60rpx;
        font-size: 30rpx;
        margin-top: 20rpx;
    }
</style>

属性说明