laravel - Laravel VUEJS如何传递v-model的值

Question

为什么我不能传递V-Model Product_id的值？，所以我有一种方法，即当更改选择菜单时，它将运行并将从数据库中获取产品价格。这是选择菜单：

<tr v-for="(form, index) in addForms">
        <td class="text-xs-left">
             <select @change="getPrice()" v-model="form.product_id" class="form-control">
                   <option disabled>Select Product</option>
                   <option v-for="product in products" :value="product.product_id">{{product.product_name}}</option>
             </select>
        </td>

这就是 product_price 应该出现的地方

<td class="text-xs-left">                       
       <select v-model="form.product_price" class="form-control">
             <option v-for="product in producti" :value="product.price">{{product.price}}</option>
       </select>
</td>
</tr>

这是用于获取价格的方法：

getPrice: function(){
     axios.get('/api/productd',{
     params: {
              product_id: this.addForms.product_id
             }
             }).then(function(response){
              this.producti = response.data;
             }.bind(this));
     }

如果它有帮助，这是我在按下大麻（lol）按钮时用来创建新行的函数：

addForm(){
    this.addForms.push({
        recipient: '',
        supplier_id: '',
        to_address: '',
        order_quantity: '',
        product_price: 0,
        product_id: 0,
        product_total: ''
      });
}

一切正常，因为当我尝试设置product_id:100(inside the params)它时，它将获取 id 为 100 的产品的 product_price (product_id:100)，我认为问题在于我如何从 addForms 获取 product_id

提前致谢。

标签： laravelvue.jsvuejs2