データとキーを Vue.js の配列にプッシュします

Question

data() に配列があります:

リーリー

次の形式で「list」配列にプッシュしたいと思います。キーは info:

です。 リーリー

私は vuejs と JavaScript を初めて使用するので、皆さんの助けが必要です。ご意見をお聞かせください。ありがとう＃＃＃

Answer 1

pushData メソッドを変更して、data パラメータを指定してみてください

pushData(データ) {
 this.list.push(データ);
}

呼び出しメソッド

this.pushData({名前: "ジョン"、年齢: 25});

Answer 2

上記の予期される結果は、有効な JSON ではありません。以下の のようになります:

リスト: [{
    情報： [{
        名前：ヨーン、
        年齢: 20歳
    }]
}]

動作デモ:

新しい Vue({
  el: '#app',
  データ： {
    リスト: []
  }、
  マウントされた() {
    this.pushData();
  }、
  メソッド: {
    PushData() {
      this.list.push({info : [{name:'yorn', 年齢: 20}] });
      // または、以下を使用することもできます。
      // this.list[0].info.push({name:'yorn', age: 20});
    }
  }
})

  

    ＃＃＃{{ 項目名 }} ＃＃＃