vue.js - laravel和vuejs寫的購物車,更新數量,用vue-resource發送ajax請求問題
阿神
阿神 2017-05-16 16:51:13
0
1
449

laravel和vuejs寫的購物車,更新數量,用vue-resource發送ajax請求問題

demo:
https://jsfiddle.net/LvL6pu3q/3/

demo說明:
vuejs程式碼的items[]陣列裡面的內容是為了方便演示,填寫了一些數據,實際上是從資料庫讀取。

問題:
要實現的效果是:當選擇下拉式選單的值,會觸發ajax請求(send方法),用於更新該商品的數量(num)。

我的思路是:
要傳送兩個訊息:1、數量num;2、商品id
後台update方法接收到兩個訊息,找出id,更新num。
後台我知道怎麼寫,但vuejs程式碼怎麼取得num和id?就是下圖第2個紅框append方法搞不定。

備註:上圖第1個紅框fillIn方法,選擇一個值,這個值就會填入button。

補充:
思考了一會兒,fillIn方法應該和send方法合併,不必分開來寫,行麼?

旁白:(時間過了一會兒....)

恩,合併就可以了。應該能搞定了。謝謝。此問題已關閉。

阿神
阿神

闭关修行中......

全部回覆(1)
小葫芦

這個你應該在每個商品上面設定 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);
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板