表单验证必填字段

最新推荐文章于 2023-01-12 17:42:32 发布

无眠兔

最新推荐文章于 2023-01-12 17:42:32 发布

阅读量1k

点赞数

文章标签：前端 vue.js elementui

本文链接：https://blog.csdn.net/qq_53926905/article/details/126665285

版权

表单验证必填字段
加红色星有两种方式，加上:required="true"前面自动加红色小星星标识必填
如果设置的字段无法通过这种方式加红色星的话，可以采用另一种办法：在label下加label设置项

//第一种required方法（直接将要验证的字段设置required为true)
<el-form-item label="*文章内容:" prop="articleContent" :required="true">
	<VueUeditorWrap v-model="form.articleContent" :config="config" ref="ue">
	</VueUeditorWrap>
</el-form-item>

//第二种label方法（在label下加label设置项）
<el-form-item label="*文章内容:" prop="articleContent" v-show="text=='1'">
	<label slot="label"><span style="color: #F56C6C;margin-right: 4px;">*</span>文章内容:</label>
	<VueUeditorWrap v-model="form.articleContent" :config="config" ref="ue">
	</VueUeditorWrap>
</el-form-item>