laravel和vuejs寫的購物車,更新數(shù)量,用vue-resource發(fā)送ajax請求問題
demo:
https://jsfiddle.net/LvL6pu3q/3/
demo說明:
vuejs程式碼的items[]陣列裡面的內(nèi)容是為了方便演示,填寫了一些數(shù)據(jù),實(shí)際上是從資料庫讀取。
問題:
要實(shí)現(xiàn)的效果是:當(dāng)選擇下拉式選單的值,會觸發(fā)ajax請求(send方法),用於更新該商品的數(shù)量(num)。
我的思路是:
要傳送兩個訊息:1、數(shù)量num;2、商品id
後臺update方法接收到兩個訊息,找出id,更新num。
後臺我知道怎麼寫,但vuejs程式碼怎麼取得num和id?就是下圖第2個紅框append方法搞不定。
備註:上圖第1個紅框fillIn方法,選擇一個值,這個值就會填入button。
補(bǔ)充:
思考了一會兒,fillIn方法應(yīng)該和send方法合併,不必分開來寫,行麼?
旁白:(時間過了一會兒....)
恩,合併就可以了。應(yīng)該能搞定了。謝謝。此問題已關(guān)閉。
閉關(guān)修行中......
這個你應(yīng)該在每個商品上面設(shè)定 selected
var goods_id = [];
for (var i = 0, length = this.items.length; i < length; i++) {
if(this.items[i].selected) {
goods_id.push(this.items[i].id);
}
}
formData.append('goods_id[]', goods_id);