iview 2.x 下拉框表单校验问题

最近在开发的时候遇到一个问题，对于Select组件的必填校验出现了失误，明明有值但是校验不通过，Select中Option绑定的List如下：

clinicEnvironmentList: [
        { clinicEnvironmentNo: 1, clinicEnvironmentName: '门诊' },
        { clinicEnvironmentNo: 2, clinicEnvironmentName: '住院' },
        { clinicEnvironmentNo: 3, clinicEnvironmentName: '门诊/住院' }
      ]

主要问题出在clinicEnvironmentNo这个属性上，因为是Number类型的，而校验的时候只认String类型，所以解决方法想必大家也都了解了。

1. 将属性改为String类型，但是这样会导致一个问题，后端返回的值也是Number，那么还要咱们自己手动转换类型；

2. 编写自定义校验规则替换默认校验规则：

        默认校验：

env: [{ required: true, message: '请选择环境', trigger: 'change' }]

        自定义校验：

const envValidate = (rule, value, callback) => {
      if (!value) callback(new Error('请选择诊疗环境'))
      else callback()
    }

env: [{ validator: envValidate, trigger: 'change' }]

这样就可以了，有一点需要注意，如果以!value这样的写法，要特别注意后端返回的值不能是0。