搜尋

首頁  >  問答  >  主體

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

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方法合併,不必分開來寫,行麼?

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

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

阿神阿神2753 天前453

全部回覆(1)我來回復

  • 高洛峰

    高洛峰2017-05-16 16:53:13

    這個你應該在每個商品上面設定 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);
    

    回覆
    0
  • 取消回覆