场景:对表单做了校验规则,但是label前面不显示那个红色的星号
效果图
分析:
一、如果需要显示星号,那当前元素必须是必填项
二、首先检查你的校验单次是否写对,因为我就是由于设置必填项的属性值没写正确,才导致星号不显示(正确的应该是required,我少写了一个d,写成了require)
pwdFormRules: { // 表单的验证规则 old_pwd: [ { required: true, message: '请输入密码', trigger: 'blur' }, { pattern: /^\S{6,15}$/, message: '密码长度必须是6-15位非空字符串', trigger: 'blur' } ], ] }
这是正确的写法
其它的配置参考官方文档:Element - The world's most popular Vue UI framework
改过之后星号就正常显示了