Как я могу ввести имя клиента в цикл vs-input с использованием, затем он должен передать идентификатор клиента в form.co_id в VueJS

#javascript #php #vue.js

#javascript #php #vue.js

Вопрос:

Как я могу ввести имя клиента в цикл vs-input с использованием, затем он должен передать идентификатор клиента в form.co_id в VueJS? Часть цикла выполнена, я просто не могу понять, как я могу вывести имя клиента, но он передаст идентификатор клиента в form.co_id.

У меня есть этот код:

 <div v-for="(customer, co_id) in filteredCustomers" :key="co_id" :value="customer.co_id">
         <vs-input type="text" v-bind:value="customer.co_name" v-on:input="form.co_id = $event.target.value"></vs-input>
</div>
  

и VueJS

 data() {
    return {
       form: { co_id:'')
     }
 },
 computed: {
    filteredCustomers(){
        let filteredCustomers = [];
        for(let i = 0 ; i < this.customers.length ; i  ) {
            let customers = this.customers[i];
            if(customers.co_id == this.form.device.customer_id) {
                filteredCustomers.push(customers);
            }
        }
        console.log(filteredCustomers);
        return filteredCustomers;
    },
  

Комментарии:

1. Здравствуйте, не уверен, поможет ли это, но, возможно, это укажет вам правильное направление: codesandbox.io/s /…

2. Привет! Что я намерен сделать, так это то, что всякий раз, когда я выбираю имя устройства в моем первом теге select (список устройств), значения будут автоматически установлены (customer.co_name для значения, затем customer.co_id для form.co_id)