一、问题描述:
我想实现,在cascader级联选择器,失去焦点时候,如果没有选择省市区则提示valid信息;
更改前:
二、问题解决
在规则配置的时候,级联框 trigger: 'blur‘ 触发不了,只能选择 trigger: 'change'触发;
具体解决方案如下:(添加cascader失去焦点事件,在失去焦点事件中添加validField 方法只验证 address)
//级联框代码
<el-form-item label="省/市/区" prop="address">
<el-cascader
size="large"
:options="options"
v-model="addOrder.address"
@change="handleChange"
clearable
style="width: 300px;"
@blur='addressBlur'
>
</el-cascader>
//form address 规则代码
address:[
{ type:"array", required: true, message: '请选择活动区域', trigger: 'change' }
],
//添加失去焦点触发 validateField 对部分表单字段进行校验的方法
addressBlur() {
this.$refs.addOrder.validateField('address')
},
三、现在的效果