Laravel VUEJS如何传递v模型的值

时间:2019-11-20 02:56:40

标签: laravel vue.js vuejs2

为什么我不能传递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_id:100)的产品的product_price,我认为问题在于如何从addForms获取product_id

谢谢。

0 个答案:

没有答案