uView提示：u-form-item需要结合u-form组件使用

分类：uni-app

uni_app项目

使用u--from的时候出现报错：uView提示：u-form-item需要结合u-form组件使用。
但在写的时候u--from写了

 <u--form  
            labelPosition="top"  
            labelWidth="100%"  
            borderBottom  
            :model="form"  
            :rules="rules"  
            ref="form">  
            <uni-section title="基本信息" type="line"></uni-section>  
            <u-form-item  
                label="反馈人姓名"  
                prop="name"  
                labelWidth="30%"  
                leftIcon="*"  
                borderBottom>  
                <u--input  
                    placeholder="请输入"  
                    :border="false"  
                    v-model="form.name"  
                ></u--input>  
            </u-form-item>  
        </u--form>

2023-05-10 16:42 负责人:无分享

3 个回复

2***@qq.com - Hou

https://uniapp.dcloud.net.cn/component/uniui/uni-forms.html#%E4%BB%8B%E7%BB%8D
文档里和你写的不一样啊 uni-forms 和u--form

<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 label="年龄" name="age">  
                <input type="text" v-model="formData.age" 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>