検索

ホームページ  >  に質問  >  本文

vue.js - laravel と vuejs で書かれたショッピング カート、数量の更新、vue-resource を使用した Ajax リクエストの送信の問題

laravelとvuejsで書かれたショッピングカート、数量の更新、vue-resourceを使用したAjaxリクエストの送信の問題

デモ:
https://jsfiddle.net/LvL6pu3q/3/

デモの説明:
vuejs コードの items[] 配列の内容には、デモの便宜のためにいくつかのデータが入力されていますが、実際にはデータベースから読み取られます。

質問:
達成される効果は次のとおりです: ドロップダウン メニューの値が選択されると、製品の数量 (num) を更新するために Ajax リクエスト (送信メソッド) がトリガーされます。

私のアイデアは次のとおりです:
2 つの情報を送信するには: 1. 数量 num; 2. 製品 ID
バックグラウンド更新メソッドは 2 つの情報を受け取り、id を見つけて num を更新します。
背景の書き方はわかりましたが、vuejs コードから num と id を取得するにはどうすればよいですか?ただ、下の図の2番目の赤枠のappendメソッドが解決できません。

備考: 上の図の最初の赤いボックスの fillIn メソッドで値を選択すると、この値がボタンに入力されます。

補足:
少し考えた結果、fillInメソッドはsendメソッドとマージするべきで、別に書く必要はないですよね?

ナレーション:(しばらく時間が経ちました…)

まあ、マージするだけです。それは行われるべきです。ありがとう。この質問は終了しました。

阿神阿神2781日前473

全員に返信(1)返信します

  • 高洛峰

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

    これは各製品に設定する必要があります selected

    リーリー

    返事
    0
  • キャンセル返事