Vuelidate - 변환 핸들러 외부의 vuex 저장소 상태 변환 안 함

Vuelidate - 변환 핸들러 외부의 vuex 저장소 상태 변환 안 함

Vuelidate를 사용하여 vue 폼을 검증하고 있는데 편집하려고 하면 다음 오류가 나타납니다.

Error: [vuex] do not mutate vuex store state outside mutation handlers.

폼 입력 구조는 다음과 같습니다.

<hp-text-input
  id="company-name"
  v-model.trim="$v.formData.companyName.$model"
  :code="$v.formData.companyName.$model"
  :v="$v.formData.companyName"
  :disabled="formData.loading"
  :labeltext="$t('components.add_address_modal.company')"
  name="company-name"
></hp-text-input>

내 상태는 다음과 같습니다.

data() {
  return {
    formData: {
      country: 'Ireland',
      address: '',
      addressAdditional: '',
      addressType: '',
      city: '',
      companyName: '',
      firstName: '',
      lastName: '',
      zipCode: '',
    },
  }
},

Vuelidate 검증은 다음과 같습니다.

validations() {
  return {
    formData: {
      country: {},
      address: { required, max: maxLength(32) },
      addressAdditional: { max: maxLength(32) },
      addressType: { required },
      city: { required },
      companyName: {},
      firstName: { required },
      lastName: { required },
      zipCode: { required, max: maxLength(10), zipValidate },
    },
  }
},

이 구성 요소에서 vuex 저장소를 사용하지만 양식 데이터 자체와는 관련이 없습니다.현재 오류를 제거하기 위해 작동한 유일한 것은 의 복사본을 만드는 것이었습니다.formData서류에 넘기는 건 말이 안 돼요

제안할 것이 있습니까?

언급URL : https://stackoverflow.com/questions/57519036/vuelidate-do-not-mutate-vuex-store-state-outside-mutation-handlers