vue.jsで入力から値を取る方法は？

Question

私はいくつかの啓発が必要です。 今、私はvue.jsを学んでいる、と私は入力フォームからのすべてのデータ値を取る方法を知りたいです？私はそこからすべてのデータを&に保存したいと思っています。しかし、私はまだ、私はあなたがデフォルトのアクションを防ぐために必要な賭けTHX

<div id="example-1"> 
     <form> 
      <input v-model="info.name"> 
      <input v-model="info.nickname"> 
      <input v-model="info.gender"> 
      <input type="submit" name="" value="Submit" v-on:click="submitData"> 
     </form> 
    </div> 

    <script> 
     var example1 = new Vue({ 
       el: '#example-1', 
       data: { 
        info: { 
         name: '', 
         nickname: '', 
         gender: '' 
        } 
       } 
      }, 
      methods: { 
       submitData: function() { 
        console.log(this.info); 
        // this.$http.post('/api/something', JSON.stringify(this.info)); 
       } 
      }) 
    </script> 

Answer 1

...これらすべてのデータを取得する方法を、知りません。フォームを送信すると、ページが自動的にリロードされます。ページが送信アクションの後にリフレッシュしたときに、それがクリアされますので、あなたが今までコンソールでサーバーからの応答は表示されません。

ゴーhere、およびCTRL + F 'イベント修飾子'。その後、提出/応答を処理するために独自のコードを記述し、この場合には.preventを使用したいと思います。