заполните поля формы из модели отношений в vform vue laravel

Question

Я использовал vue vform для моей формы, здесь есть функция для редактирования модальных,

   editModal(household){
        this.form.reset();
        $('#addNewHouseholdModal').modal('show');
        this.form.fill(household); // this line fills the form with data to be edited
    }

Но у меня есть поля формы, данные которых хранятся в другой таблице. Я получил данные, но не смог понять, как их отобразить в форме. Пожалуйста, помогите мне с этим. Ниже приведены данные о домохозяйстве, которые я передал в форме выше.

id: 1
address_details_id: 14
ward: 2
house_no: "2"
family_no: "45"
geolocation: "{"latitude":"1.1","longitude":"1.1"}"
address_details: Object
  id: 14
  province: "23"
  name: "Strret"

Все данные заполняются в форме, за исключением сведений об адресе, который является объектом. Как мне указать имя из данных об адресе в форме? Спасибо. Помощь будет оценена.

Answer 1

Я думаю, вам нужно сначала передать данные, прежде чем открывать модальное.

editModal(data) {
  isEditting = true
  this.form.family_no = data.family_no
  this.form.house_no = data.house_no
  this.form.address = data.address
  $('#addNewHouseholdModal').modal('show');
}

, а затем ваша форма должна быть такой

<modal>
  <input type="text" v-model="form.family_no" />
  <input type="text" v-model="form.house_no" />
  <input type="text" v-model="form.address" />
<modal>