如题
最近遇到个问题，就是在编辑某一项数据时，分两种情况：一种是没有时间数据的，另一种是有时间数据的。要求是当时间数据有值时该项为必填项；值为空时该值为非必填项。很简单请看下面：
解决
如图：
这两项当前值为空，此时两项为 非必填项（无小红点）；
这两项有值，为必填项。
代码如下：
form表单：
<el-form-item label="生产日期" prop="manufacture_date"
:rules="editRuleForm.manufacture_date === null">
<el-date-picker
v-model="editRuleForm.manufacture_date"
type="date"
:value-format="'yyyy-MM-dd'"
placeholder="生产日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="失效日期" prop="expire_date"
:rules="editRuleForm.expire_date === null">
<el-date-picker
v-model="editRuleForm.expire_date"
type="date"
:value-format="'yyyy-MM-dd'"
placeholder="失效日期">
</el-date-picker>
</el-form-item>
重点是下面这一句：
:rules="editRuleForm.manufacture_date === null"
校验规则：
就正常规则
<script>
export default {
data() {
return {
editRuleForm: {}, //修改表单数据
editRules: {
manufacture_date: [
{required: true, message: "请输入生产日期", trigger: "blur"},
],
expire_date: [
{required: true, message: "请输入失效日期", trigger: "blur"},
],
}
}
}
是不是很简单，哈哈哈
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/157202.html
