vee-module이 bootstrap-vue와 함께 작동하지 않음

vee-module이 bootstrap-vue와 함께 작동하지 않음

bootstrap-vue에서의 폼 검증에 vee-validate를 사용하려고 하는데 아무것도 동작하지 않습니다.기본적으로 하고 싶은 일은 다음과 같습니다.

<b-form-input v-model="emailText"
              placeholder="Enter email"
              v-validate="'required|email'"
              name="email"
              type="text">
    <b-row>
        <span>{{ errors.first('email') }}</span>
    </b-row>
</b-form-input>

그러나 필드에 이메일 주소가 아닌 주소를 입력해도 아무것도 표시되지 않습니다.단, 변경 시:

b-form-input로.input

모든 게 잘 될 거야이 동작에 대한 회피책이 있습니까?어떤 도움이라도 주시면 감사하겠습니다.

에러 메시지를 에러에 입력했습니다.<b-form-input>내부 슬롯이 없으므로 오류 메시지가 표시되지 않습니다.입력 후로 이동하면 문제가 해결됩니다.

<b-form-input v-model="emailText"
              placeholder="Enter email"
              v-validate="'required|email'"
              name="email"
              type="text">
</b-form-input>
<b-row>
    <span>{{ errors.first('email') }}</span>
</b-row>

Bootstrap-Vue를 사용할 수도 있습니다.state그리고.invalid-feedback의 속성<b-form-input>및 주변<b-form-group>에러를 표시해, 액세스 용이성을 높입니다.이 모든 것이 이 고문서에 설명되어 있습니다.

언급URL : https://stackoverflow.com/questions/52561984/vee-validate-not-working-with-bootstrap-vue