elementui中form表单input必填以及显示/隐藏小红星星
elementUI中form表单input必填,显示/隐藏红色星号
·
其实这个问题是几年前用elementui的时候遇到的,要求input表单项为必填,并且隐藏掉默认显示的小红星星。这些其实看官方文档就可以解决。但是我网上搜了一下,针对如何去掉小红星星的问题还多人还在问。(我之前在一个博主的文章下面回复把hide-required-asterisk设为true即可隐藏小星星,结果一堆人点赞,还有评论。啊 真是没想到。所以今天就写下来记录一下,方便不爱看文档的同学查看)
1. form表单里的input必填项。
很简单,required为true即可。
rules: {
name: [
{ required: true, message: '请输入活动名称', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
]
}
2. 去掉必填input前的红色小星星
查官方文档可知该属性:hide-required-asterisk。
它控制着是否隐藏必填字段的标签旁边的红色星号,默认为false:显示红色星号。
如果不想显示红色星号,那么把该值设为 true 即可。
更多推荐
已为社区贡献3条内容
所有评论(0)