vue表单校验功能（uni-app）

最新推荐文章于 2024-06-12 10:49:11 发布

随风小薇

最新推荐文章于 2024-06-12 10:49:11 发布

阅读量1k

点赞数

分类专栏：笔记 vue uni-app 文章标签： vue.js javascript 前端

本文为博主原创文章，未经博主允许不得转载

本文链接：https://blog.csdn.net/qq_39197547/article/details/122195063

版权

vue 同时被 3 个专栏收录

34 篇文章 10 订阅 ¥299.90 ¥399.90

订阅专栏

笔记

47 篇文章 1 订阅

订阅专栏

uni-app

10 篇文章 0 订阅

订阅专栏

表单校验代码分离

通常表单校验我们都是在当前页面中处理，存在代码冗杂问题。为了更直观的体验，我们可以将校验代码分离。

	<uni-forms ref="form" :value="formData" validate-trigger="submit" err-show-type="toast">
			<uni-forms-item name="type" label="主体" required>
				<uni-data-checkbox :multiple="false" v-model="formData.type" :localdata="formOptions.type_localdata" />
			</uni-forms-item>
			<uni-forms-item name="type_name" label="主体名称" required>
				<uni-easyinput placeholder="企业输入公司名称，个人输入姓名" v-model="formData.type_name" />
			</uni-forms-item>
			<uni-forms-item name="comment" label="备注">
				<textarea placeholder="有敏感词过滤功能。你可以尝试输入含test的文本内容将会被拦截" @input="binddata('comment', $event.detail.value)" class="

了解本专栏