У меня есть стандартная форма, созданная с использованием Laravel и Vue JS framework. Часть моей формы выглядит следующим образом:
Я создал страницу редактирования, и мой edit.blade. php выглядит следующим образом:
<div>
<project-form-for-desserts
:all-desserts="{{ $allDesserts }}"
:all-dessert-values="{{ $allDessertValues }}"
:project="{{ $theProject }}"
:project-property-values="{{ $theProject->dessertValues }}"
:project-photos="{{ $theProject->photos }}"
/>
</div>
Для ссылки на create.blade. php выглядит следующим образом (где поля ввода представляют пустой массив):
<div>
<project-form-for-desserts
:all-desserts="{{ $allDesserts }}"
:all-dessert-values="{{ $allDessertValues }}"
:project="{{ $newnewProject }}"
:project-property-values="[]"
:project-photos="[]"
/>
</div>
Контроллер:
public function edit(Project $project)
{
return view('projects.edit',
[
'allDesserts' => Desserts::all(),
'allDessertDefaults' => DessertDefaults::all(),
'theProject' => $project
]);
}
Однако, когда я go для редактирования страница для указанного проекта c, тогда он показывает только поля, которые были заполнены изначально. Это не показывает пустые поля. Как я могу это исправить, чтобы отображались как заполненные поля ввода, так и незаполненные поля ввода?
Форма выглядит следующим образом:
<template>
<v-card>
<v-form>
<v-card>
<v-row>
<v-col>
<v-card-title>Name</v-card-title>
<v-text-field
v-model="theProject.name"
label="Please enter the dessert name"
/>
</v-col>
<v-col>
<v-card-title>Reference</v-card-title>
<v-text-field
v-model="theProject.type"
label="Please enter the dessert type"
/>
</v-col>
</v-row>
</v-card>
<v-card
v-for="selectDessertProperty in theProjectProperties"
:key="selectDessertProperty"
flat
>
<v-row>
<v-col>
<v-card-title>Name</v-card-title>
<v-select
v-model="theProject.property_values[selectDessertProperty]"
/>
</v-col>
</v-row>
</v-card>
<v-btn @click="addDessert"> Add </v-btn>
</v-form>
</v-card>
</template>