t***@yeah.net
t***@yeah.net
  • 发布:2023-05-10 16:42
  • 更新:2023-05-11 17:45
  • 阅读:1004

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

分类: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 负责人:无 分享
已邀请:
2***@qq.com

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>
piaoyi_UI

piaoyi_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序

因为你中间插入了 <uni-section title="基本信息" type="line"></uni-section>

  • piaoyi_UI

    <uni-section title="基本信息" type="line"></uni-section>


    2023-05-11 17:45

要回复问题请先登录注册