element ui表单必填_elementUI 表单校验切换必填和非必填

需求描述

消息类型为跳转外部链接的时候，活动地址为必填项，否则为非必填项

消息类型为跳转外部链接

消息类型为其他

如果使用elementUI 的表单验证rules来校验的话，经过测试，elementui在组件初始化后校验规则就定型了，切换是没有效果的

解决方案

第一步：去掉"活动地址”中rules校验的规则，即target

第二步：在“活动地址”的form-item上添加required属性

第三步：计算属性，计算给required赋值的属性

效果如下图

第四步：设置自定义提示

使用自定义函数控制流程，把“活动地址”的校验重新加入rules里面

然后设置validateName函数，根据需求去做一些自己的判断

贴上完整代码

CNS管理

医生端消息推送

新增

v-for="item in options"

:key="item.value"

:label="item.label"

:value="item.value">

v-model="form.executeTime"

type="date"

size="small"

format="yyyy-MM-dd"

value-format="yyyy-MM-dd"

placeholder="选择日期">

All

指定手机医生

返回

保存

export default {