Vuejs2 如何使用select输入设置2个数据值？

我正在使用VueJS从我的Laravel API获取数据。这是一个包含对象的数组。我有一个select元素，在option元素上使用v-for。v型模型位于“选择”图元上

我想在选择on选项时设置2个数据属性，但我不知道如何设置

我已尝试设置计算属性，但它不起作用，或者我做得不对

模板：

<div class="col-4">
     <label for="name">Customer</label>

     <select class="form-control" v-model="form.customer">
          <option disabled value>Select the Customer</option>
          <option v-for="customer in customers" :key="customer.id">{{ 
                  customer.customer }}</option>
     </select>
</div>

---

我想在从选项列表中选择客户名称时设置form.color。

您不能返回两个参数，我知道的唯一方法是捕获@change事件，然后从数组中获取所需的值：

<div class="col-4">
     <label for="name">Customer</label>

     <select class="form-control" v-model="form.customer" 
      @change="setColor($event.target.value)"
      >
          <option disabled value>Select the Customer</option>
          <option v-for="customer in customers" :key="customer.id">{{ 
                  customer.customer }}</option>
     </select>
</div>

---

谢谢你，先生。你确实有打字错误，但这正是我需要的。

<div class="col-4">
     <label for="name">Customer</label>

     <select class="form-control" v-model="form.customer" 
      @change="setColor($event.target.value)"
      >
          <option disabled value>Select the Customer</option>
          <option v-for="customer in customers" :key="customer.id">{{ 
                  customer.customer }}</option>
     </select>
</div>

methods:{

   setColor(customerName){
    this.from.color =   this.customers.find(x=>x.customer===customerName).color
},

}