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>

在vform vue laravel中从关系模型填充表单字段

1 个答案: