如何在vue中从父组件验证插槽中的表单？

Question

InfoItemComponent

<form action="" @submit.prevent="formSubmit">
  <div class="account-container_right__infoInput">
    <!-- <input type="text"> -->
    <slot></slot>
  </div>
  <div class="account-container_right__infoButtons">
    <button type="submit" class="btn btn--primary">save</button>
    <button class="btn btn--default" @click.prevent="cancelEdit">cancel</button>
  </div>
</form>

我如何使用InfoItemComponent

<info-item @formSubmit="formSubmit">
  <input type="text" v-validate="'required'" >
</info-item>

我想要做的是当我点击infoitemcomponent中的提交按钮时，我想通过vee-validate验证输入元素。我该怎么做才能解决这个问题