当前位置: 首页 > 工具软件 > Uni-Form > 使用案例 >

uni-form组件的使用注意方法

裴俊豪
2023-12-01

uniapp表单验证的使用注意事项

<uni-forms :rules="rules" ref="form" validate-trigger="bind" err-show-type="undertext"
					:modelValue='form'>
<uni-forms-item name="content" pros='content' class="text-content">
   <textarea  placeholder="请输入退款理由" v-model="form.content">
	</textarea>
<!-- <uni-easyinput type="textarea" v-model="content" :maxlength="20" placeholder="请输入退款原因"></uni-easyinput> -->
	</uni-forms-item>
</uni-forms>

表单验证,

1. 表单验证需要有ref属性,rules验证规则判断
2. input用v-model实行双向绑定数据,还要有
modelValue获取value值
3. data里面自己写好rules的验证
4. 最后在提交方法那里写this.$refs.from.validate()进行验证判断,提示信息可以使用uni.showToast(),

 类似资料: