uniapp插件 uni-forms 表单

黑色滴夜

由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据




本组件符合easycom规范

[JavaScript] 纯文本查看 复制代码

<template>
    <view class="">
        <uni-forms :modelValue="formData">
            <uni-forms-item label="姓名" name="name">
                <uni-easyinput type="text" v-model="formData.name" placeholder="请输入姓名" />
            </uni-forms-item>
            <uni-forms-item required name="hobby" label="兴趣爱好">
                <uni-data-checkbox multiple v-model="formData.hobby" :localdata="hobby"/>
            </uni-forms-item>
        </uni-forms>
        <button @click="submitForm">Submit</button>
    </view>
</template>

插件市场地址: https://ext.dcloud.net.cn/plugin?id=2773