为什么我不能传递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
谢谢。