У меня сложная форма, встроенная в Vue 2+ с бэкэндом Laravel 5.5.Приложение использует полное хранилище Vuex для действий, мутаций, геттеров и состояний.
Я использую перехватчики axios, чтобы фиксировать ошибки и сохранять их в Vuex, а затем отображать их как вычисленные свойства в компоненте / форме.
До сих пор все запросы об одном измерении возвращались из запросов форм Laravel, но теперь мне нужно проверить многомерный ответ об ошибке и, конечно же, поскольку вложенные ключи не существуют в состоянии проверки., он выдает ошибку и вылетает приложение.
Состояние проверки My Vuex:
export default {
validation: [],
}
Мои правила запроса формы для части массива:
'payload' => 'required|array',
'payload.bio.category' => 'required_if:condition_id,1',
'payload.bio.identifier' => 'required_if:condition_id,1',
// more here
Затем вмою форму внутри компонента мы проверяем для проверки:
<div class="form-group required col-md-12"
:class="{ 'has-error': validation.payload.bio.category }">
<!-- inputs here -->
</div>
Когда активируется меню выбора для выбора condition_id, тогда я получаю следующую ошибку:
[Vue warn]: Error in render: "TypeError: Cannot read property 'bio' of undefined"
Как можноЯ разрешаю это, чтобы я мог проверить эти массивы в Vue?