avue表单必填一般是加rules,文本录入一般是加如下代码:
{
label: '内容',
prop: 'content',
search: false,
span: 24,
display: true,
maxlength: 300,
type: 'textarea',
showWordLimit: true,
rules: [
{
required: true,
message: '请填写内容!',
trigger: 'blur'
}
]
}
文本录入这么写没有问题,但如果是必选下拉选择也这样写的话,会出现选中后还会标红,提示请选择的情况。此时只要把rules中的trigger去掉,或是trigger属性写为:[‘blur’, ‘change’]即可,代码如下:
{
label: '省',
prop: 'province',
search: false,
span: 12,
display: true,
type: 'select',
cascaderItem: ['city'],
dicUrl: '',
props: {
label: 'name',
value: 'code'
},
rules: [
{
required: true,
message: '请选择省份!',
trigger: ['blur', 'change']
}
]
}
效果如下:
截图中省份rules中是:trigger: [‘blur’, ‘change’],选中后正常,城市中是:trigger: ‘blur’,选中后仍然标红。