Partab Saif Zakir Ответов: 0

Извлекайте данные и заполняйте их в текстовых полях, Если выбран раскрывающийся список

Я использую `Laravel 5.7` и " VueJs 2.5.*` ...

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

Если кто-нибудь сможет спасти меня от этой проблемы, я буду очень благодарен. Спасибо.

Вот что я делаю:

Что я уже пробовал:

Мой тег выбора:
<select id="ticket_invoice_no" @change="getRecord" name="ticket_invoice_no">
      <option v-for="ticketInvoice in ticketInvoices" :key="ticketInvoice.id" :value="ticketInvoice.id">{{ ticketInvoice.ticket_invoice_no }}</option>


Кто-то сказал мне сделать что-то подобное, и я делаю это, не знаю что:

getRecord: function(e) {
      let id = e.target.value;
      axios
        .get('api/ticket-invoice/' + id)
        .then(response => {
        
          console.log(e.target.value, "Target id");
          console.log(id, "Invoice id i clicked is");
          console.log(response, "Response data");'
          
          this.form = ticket-invoice.fetch;
        })
        .catch(error => {
          console.log(error.response);
        });
    },


Маршрут:

Route::get('ticket-invoice/{ticket_invoice}', 'API\TicketInvoiceController@fetch') -> name('ticket-invoice.fetch');

`метод:{}`

public function fetch($id) {
      $ticketInvoices = TicketInvoice::findOrFail($id);
      return $ticketInvoices;
    }


Мои данные()`:

data() {
      return {
        editmode: true,
        ticketInvoices: {},
        ctInvoices: {},
        customers: null,
        form: new Form({
          id: "",
          customer_id: "",
          ct_invoice_no: "",
          ct_invoice_date: "",
          ct_invoice_fares_total: 0,
          ct_invoice_grand_total: 0,

          ctInvoiceItems: [{
            id: "",
            ct_invoice_id: "",
            ct_passenger_name: "",
            ct_fares: 0,
            ct_sub_total: 0
          }]
        })
      };
    },

0 Ответов