пожалуйста мой брат
ользуюLaravel 5.7
& VueJs 2.5.*
...
Я использую одну модель Bootstrap для создания, а также редактирования моегоTicketInvoice
& егоTicketInvocieItems
, но когда я нажимаю Edit, открывается Bootstrap Model, и я вижу данные, заполненныеTicketInvoice
но не вижу данныхTicketInvoiceItems
, Я не знаю, как заполнить данныеTicketInvoiceItems
также.
мойticketInvoiceItems
поля ввода:
<tbody>
<tr v-for="(ticketInvoiceItem, key) in form.ticketInvoiceItems" :key="key">
<!--Passenger Name-->
<td>
<input v-model="ticketInvoiceItem.passenge,r_name" size="40" type="text" name="passenger_name" class="table-control form-control" :class="{ 'is-invalid': form.errors.has('passenger_name') }">
<has-error :form="form" field="passenger_name"></has-error>
</td>
<!--Ticket No.-->
<td>
<input v-model="ticketInvoiceItem.ticket_no" size="24" type="text" name="ticket_no" class="table-control form-control" :class="{ 'is-invalid': form.errors.has('ticket_no') }">
<has-error :form="form" field="ticket_no"></has-error>
</td>
</tr>
<!----------- ANY MANY OTHER FIELDS DOWN BELOW ----------->
мойHTML
Кнопка редактирования:
<a href="#" @click="editModel(ticketInvoice)">
<i class="fas fa-user-edit fa-lg text-orange"></i>
</a>
мойVueJs
editModel()
код:
<script>
/*==============EDIT INVOICE CODE==============*/
editModel(ticketInvoice) {
this.editmode = true;
this.form.reset();
this.form.clear();
$("#addNewTicketInvoice").modal("show");
this.form.fill(ticketInvoice);
},
/*==============END EDIT INVOICE CODE==============*/
</script>
мойdata()
вVueJs
<script>
export default {
data() {
return {
editmode: true,
ticketInvoices: {},
vendors: null,
form: new Form({
id: "",
vendor_id: "",
ticket_invoice_no: "",
ticket_invoice_date: "",
ticket_invoice_fares_total: "",
ticket_invoice_grand_total: "",
ticketInvoiceItems: [{
id: "",
ticket_invoice_id: "",
passenger_name: "",
ticket_no: "",
departure_date: "",
fares: "",
sub_total: 0
}]
})
};
},
</script>