如何从vue.js的输入中获取价值？

我需要一些启发。现在，我正在学习vue.js，我想知道如何从输入形式获取所有数据值？我想从&保存到我的数据库中的所有数据。但是，我还是不知道，如何让这些数据.. THX如何从vue.js的输入中获取价值？

<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>

来源

2017-03-08 Endy Santoso

submitData函数中的注释行会将数据发布到URL。您需要在该URL处有后端服务，可以读取发布的数据并将其放入数据库。 –

我已经有后端来处理这个，但我只想知道，如何从输入中获取所有这些数据。 Thx –

后端应该接收应包含所有表单数据的字符串化的“this.info”。 –

我敢打赌，你需要防止默认动作。当您提交表单时，页面会自动重新加载。您将不会在控制台中看到服务器的响应，因为在提交操作之后页面刷新时它将清除。

去here，和CTRL + F'事件修改'。在这种情况下，您需要使用.prevent，然后编写自己的代码来处理提交/响应。

来源

2017-03-08 17:53:11 aptlyundecided

如何从vue.js的输入中获取价值？

回答

相关问题