使用 vue element UI 框架对form内容 rules动态验证非空

ref="dataForm"
:rules="rules"
:model="dataForm"
status-icon
label-position="left"
label-width="100px"
style="width: 400px; margin-left:50px;"
>


通过
驳回

rules: {
status: [{ required: true, message: '请选择审核状态', trigger: 'blur' }],
remarks: [{ required: false, message: '请填写驳回原因', trigger: 'blur' }],
commission: [{ required: true, message: '请填写团长佣金比例（%）', trigger: 'blur' }]
}
上述代码为核心实现区域；

下面是效果图；核心控制在于

rules: {undefined
status: [{ required: true, message: '请选择审核状态', trigger: 'blur' }],
remarks: [{ required: false, message: '请填写驳回原因', trigger: 'blur' }],
commission: [{ required: true, message: '请填写团长佣金比例（%）', trigger: 'blur' }]
}

————————————————
版权声明：本文为CSDN博主「法法-發發發」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/xingfaup/article/details/110912564