vuejs经验交流之-form表单校验

表单

 <Form-item v-show="gisMap" label="地图服务" prop="mapservre" :label-width="80">
     <Input v-model="formValidate.mapservre" placeholder="请输入地图服务"></Input>
 </Form-item>

校验

  data() {
    return {
      formValidate: {
        mapservre: ''
      },
      ruleValidate: {
        mapservre: [
          { required: true, message: '地图服务不能为空', trigger: 'blur' }, 
          { required: true, message: '地图服务不能为空'，trigger：'change'} // 当值发生变化时提示消息消失
        ]
      }
    }
  },