vue 表单验证省市县三联动

  <el-col :span="24">
            <el-form-item label="所在地区" prop="region" :rules="[
                    { required: true, type: 'array', message: '请选择所在地区', trigger: 'blur' }
                  ]">
              <pl-city-select :level="2" v-model="form.region"></pl-city-select>
            </el-form-item>
          </el-col>

  PS:   trigger绝大多数时候给的值都是change(表单输入时),但是对于特殊的输入内容(比如数组或者对象)trigger的值用change,功能可以实现,但是会有个页面验证延迟的问题,一直以为是页面数据加载问题,经过测试发现只需要把trigger:change 换成 trigger: blur(失去焦点)即可。

posted on 2017-08-11 10:28  程序猿-alvin  阅读(488)  评论(0编辑  收藏  举报

导航