SOURCE

new Vue({
  el: '#app',
  data: {
    formValidate: {
      name22: ''
    },
    ruleValidate: {
      name22: [{
        required: true,
        message: '姓名不能为空',
        trigger: 'blur'
      }]
    }
  },
  methods: {
    handleSubmit(name) {
      this.$refs[name].validate((valid) => {
        alert(1555);
        if (valid) {
          this.$Message.success('提交成功!');
        } else {
          this.$Message.error('表单验证失败!');
        }
      });
    }
  },
  created: function() {
    alert("测试")
  }
});

<div id="app">
  <i-form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80">
    <form-item prop="name22">
      <i-input v-model="formValidate.name22">

      </i-input>
    </form-item>
    <form-item>
      <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
    </form-item>
  </i-form>
</div>