精易论坛

标题: uniapp插件 uni-forms 表单 [打印本页]

作者: 明日之后    时间: 2021-10-20 17:23
标题: uniapp插件 uni-forms 表单
由输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据


[attach]1131341[/attach]

本组件符合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





欢迎光临 精易论坛 (https://125.confly.eu.org/) Powered by Discuz! X3.4