Store.js의 플러그인(VeValidate) 사용

Store.js의 플러그인(VeValidate) 사용

Vuex를 사용하고 있는데 vee-validate를 추가했습니다(여기에 있습니다).스토어 오브젝트를 사용하고 있는데 그 액션 중 하나에서 서버 응답에 따라 오류 수집에 커스텀 오류를 추가할 수 있도록 하고 싶습니다.vee-validate의 글로벌에 접속할 수 있습니까?errors(ErrorBag) 컬렉션은 일반적으로 속성으로 사용됩니까?

이것에 의해, errors 오브젝트에 추가할 수 있습니다만,this내 가게 물건에 있을 때랑 다른 게 분명해.

예를 들어 다음과 같습니다.

<span id="error-message" v-if="errors.has('phone')">error message</span>

그걸 볼 수 있는 방법이 있었으면 좋겠는데errors수집.Import할 방법이 있나요?VeeValidate내가 필요한 것을 얻을 수 있을까?어떻게 해서든 전 세계적으로 이용 가능합니까?

액션에서 발생한 오류를 스토어에 추가하고 계산된 속성에서 컴포넌트에 액세스할 것을 제안합니다.

이는 단방향 데이터 흐름 원칙을 따르며, 계산된 것은 반응적이기 때문에 보기를 비동기적으로 업데이트할 수 있는 기회가 주어집니다.

아마도:

<span id="error-message" v-if="allErrors.has('phone')">error message</span>

computed: {
  allErrors() {
    return this.$validator.errors
      .concat( this.$store.state.asyncErrors )
}

세부사항을 구체화할 필요가 있다.

언급URL : https://stackoverflow.com/questions/46311268/use-a-plugin-veevalidate-in-store-js